前端时间看了一本书叫：《易读代码的艺术》，这本书写的很好，中心思想就是：你的代码让别人读起来更快理解更易懂就是好的代码（代码的写法应当使别人理解它所需的时间最小化），我觉得这个思想和标签语义化的宗旨是相同的。那么标签的语义化是怎么做到的呢？

        学习html5，知道html5中增加了很多标签，这些标签是用来做什么的呢？可以说是对html中某个模块更加清晰的表达，选择一个最恰当最合适的标签，这样无论是谁都能看懂这块要表达什么，其实这就像是起class的名字一样，比如导航，我们习惯性的给起个名字class="nav"，那么在html5中呢，有一个<nav>标签，不给它添加任何class我们也知道它表达的是导航，如此便更加方便了。

        那么是不是只有html5的标签语义化了呢，其实不然，html中很多标签都有自己的语义都有自己的适用范围，但往往会被我们忽略或者被我们滥用，比如我，我就经常习惯性的一直用div，在一个小的项目中还不以为然，在大型的项目中，div几千个几万个，其实div只是一个表层而已，非常不利于后期维护。所以这么多的标签，我们要大胆的使用，要恰当的使用。

标签语义化的好处

让你使用标签语义化的理由可以有无数条：

1. 去掉样式或者样式丢失时页面结构依然清晰分明

2. 移动设备能够更加完美的展示你的网页（移动设备对css的支持较弱）

3. 阅读器会根据标签的语义自动

4. 解析，呈现更容易阅读的内容形式（无障碍阅读）

5. 搜索引擎会根据标签的语义确定上下文和权重问题

6. 便于后期的开发以及维护，团队合作效率提高

1. ……

HTML标签语义汇总

为了更快更好的运用标签语义化，下面的表单列出了所有的HTML标签以及标签的描述。以下列表按字母顺序排列，其中 new :为 HTML5 中的新标签。