为了使我们的网站更好的被搜索引擎抓取收录，更自然的获得更高的流量，网站标签的语义化就显得尤为重要。所谓标签语义化，就是指标签的含义。
为了更好的理解标签的语义化，先看下面这个例子：
1 <table> 2 <tr> 3 <td>娱乐项目</td> 4 <td>项目支出</td> 5 </tr> 6 <tr> 7 <td>聚餐</td> 8 <td>200元</td> 9 </tr> 10 </table>
上面这一段代码就是明显的没有使用语义化标签的例子，为了让它的结构更加清晰，正确的做法如下：
<table> <caption>支出统计</caption> <thead> <tr> <th>娱乐项目</th> <th>项目支出</th> </tr> </thead> <tbody> <td>聚餐</td> <td>200元</td> </tbody> </table>
其中，
立即学习“前端免费学习笔记（深入）”；
是的，标签语义化的目的就是对搜索引擎友好，有了良好的结构和语义我们的网页内容便自然容易被搜索引擎抓取，这种符合搜索引擎收索规则的做法，网站的推广便可以省下不少的功夫，而且可维护性更高，因为结构清晰,十分易于阅读。这也是搜索引擎优化SEO（search engine optimization）重要的一步，当然关于SEO远远不止如此，要了解更多有关SEO的内容知识，可移步：
http://baike.baidu.com/link?url=f_v0cbvzTIxhwKNaJtdd-qGjGMefJww4ko9pJaZj4rJArylR_dpUZsobKKLlMKBi
http://www.seoxuetang.com/
言归正传，所以我们要做的，就是语义化我们的HTML标签和属性，如：
p 语义：Division(分隔)
span 语义：Span(范围)
ol 语义：Ordered List(排序列表)
ul 语义：Unordered List(不排序列表)
li 语义：List Item(列表项目)
1.
、、、、、,作为标题使用，并且依据重要性递减。是最高的等级。
、、、,作为标题使用，并且依据重要性递减。是最高的等级。
、,作为标题使用，并且依据重要性递减。是最高的等级。
是最高的等级。
2.
段落标记，知道了
作为段落，你就不会再使用
来换行了，而且不需要
来区分段落与段落。
。
3.、和
标签语义为“加粗”
标签语义为“强调”
标签语义为“更强烈的强调” 而且em 默认用斜体表示，strong 用粗体表示。
当我们知道了这三个标签的语义时，做SEO时就好决定用哪个来强调重要的关键字了，强调用和，纯粹加粗用。
4.标签、
标签、
- 标签语义为定义无序列表
- 标签语义为定义有序列表
- 标签语义为定义列表项目
因此当涉及到列表的项目，应该用
- 或
- （或者是
- 来布局），而不是用
或
甚至。
5.
- 标签、
- 标签、
- 标签
- 标签语义为定义了定义列表
- 标签语义为定义了定义列表中的项目（即术语部分）
- 标签语义为定义列表中定义条目的定义部分
所以，当我们用带标题的列表时，即可采用
- 自定义列表实现
6.标签
标签的语义为被用来组合文档中的行内元素
（另外应当区分和
的区别，
是块级元素（block level），而是行内元素，前者的内容会自动换行，而后者前后不会自动换行
）
7.
、
、标签的语义为用来标记简短的单行引用，Web浏览器会自动识别在之间的内容标签的语义为用来标记那些一段或者好几段的长篇引用标签既可以与 一起用，也可以与一起用，用来提供引用内容的来源地址。看一个例子1 孔子曰：有朋自远方来，不亦乐乎.2 1
8.
、
、 、 标签的语义的为定义 HTML 表格
标签的语义为定义表格内的表头单元格 标签的语义为定义表格标题 9.
标签的语义为用于搜集用户信息，根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
button控件 与 相比，提供了更为强大的功能和更丰富的内容。 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
标签的语义为用于搜集用户信息，根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
button控件 与相比，提供了更为强大的功能和更丰富的内容。标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
10.
11.,
标签的语义为定义已经被插入文档中的文本。
标签的语义为定义文档中已被删除的文本。与
一同使用，来描述文档中的更新和修正。知道del，就不要再用做删除线了，用del显然更具有语义化。而且del还带有cite和datetime来表明删除的原因以及删除的时间。ins是表示插入，也有这样的属性。关于这两个标签的用法，可以参看:
http://www.w3school.com.cn/tags/tag_ins.asp
http://www.w3school.com.cn/tags/tag_del.asp
以上就是Html标签的语义化_html/css_WEB-ITnose的内容，更多相关内容请关注PHP中文网（www.php.cn）！
- 自定义列表实现
- 来布局），而不是用
- （或者是
- 或
