什么是语义化标签

什么是语义化标签

问题一：什么是 HTML 标签语义化 作为一个前端开发人员，你要是没有听说过 CSS，那你肯定是一个 “out-man” 。随着 CSS 的深入人心，结构、表现与行为的逐渐分离，HTML 语义化成了炙手可热的卖点。 语义化的 HTML 首先要强调 HTML 结构一个网页就好像一幢房子，HTML 结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。CSS 是装饰材料，是油漆，是用来装饰房子的。CSS 如果没有 HTML 结构那也就什么都不是了，没有了实际使用价值。CSS 完全依靠引用它的 (X)HTML 文档。如果你想使 CSS 的能力发挥到极致，提供一个既干净又有结构的 HTML 是非常必要的。 其实HTML 中的标签都有他自身的含义，只是常常被忽视——就像表格一直充当着网页布局的角色。还好随着 CSS 的重现江湖，表格也终于回到他的本质工作——列表数据。它会告诉我们说：“这行是一个标题；这几行组成了一个段落；这些文字是项目列表……”在做前端开发的时候要记住：HTML 告诉我们一块内容是什么（或其意义），而不是它长的什么样子。写语义化的 HTML 结构其实很简单，首先掌握 HTML 中各个标签的语义，在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。、、、、、 作为标题使用，并且依据重要性递减， 是最高的等级。段落标记，知道了 作为段落，你就不会再使用
来换行了，而且不需要
来区分段落与段落。 中的文字会自动换行，而且换行的效果优于
。段落与段落之间的空隙也可以利用 CSS 来控制，很容易而且清晰的区分出段落与段落。、、 无序列表，这个被大家广泛的使用， 有序列表也挺常用。在 web 标准化过程中， 还被更多的用于导航条，本来导航条就是个列表，这样做是完全正确的，而且当你的浏览器不支持 CSS 的时候，导航链接仍然很好使，只是美观方面差了一点而已。、、 就是“定义列表”。比如说词典里面的词的解释、定义就可以用这种列表。、 是用作强调， 是用作重点强调。、、、、 summary(X)HTML中的表格不再是用来布局。如果是为了标记列表的数据，就应该使用表格了。为表格标题，属性 summar 为摘要（要想提高搜索的排名这个绝对不应该少）， 标签为首部说明， 标签为表格头部， 标签为表格主体内容， 标签为表格尾部。、知道 ，就不要再用 做删除线了，用 显然更具有语义化。而且 还带有 &......余下全文>>问题二：语义化标签是什么？有什么作用 语义化标签就是尽量使用有相对应的结构的含义的Html的标签，以Table为例：
消费项目消费金额吃饭20元
你看出了上面的Table有什么毛病吗？嘿嘿，那你看这个语义化的标签
花费记账消费项目消费金额吃饭20元
这两块代码的标签不一样，第二个表格的这些标签代码，无疑更符合Web标准.
:表格的标题;
:一表格的表头;
:表的某一列的列头。
再说我们习以为常的
博客园简介博客园是一个软件开发的技术乐园，它于2004年创办，这里...
你看，为什么我们看一篇文章，一下就知道标题在哪呢？在浏览器的顶端。那为什么搜索引擎能抓取呢？就是它知道这个语义化标签里的就是文章标题，要是我们不遵守这个，而是：
博客园简介博客园是一个软件开发的技术乐园，它于2004年创办，这里...
那搜索引擎怎么就知道谁是标题，谁是内容了呢？它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:
#left{float:left;margging-left:50px;}#right{float:right;margin-top:100px;}

这下我知道了