从 html 诞生至今，我们构建 html 页面的使用 html 元素好像并没有太多的进步。在构建 html 页面中，用的最多的是 div 标签。但是应用 div 标签构建 html 页面有一个问题，那就是在查看别人的源代码的时候 ，并不能一下子知道 哪个 div 是表示啥的，需要在样式文件之间来回跳动，才能解决这个问题。

　html5 引入了一堆新的标签，来解决了 div 标签并不能很好的表达标签的语义的问题。

要想网页的结构更清晰，需要使用 html5 中的语义元素。这些语义元素会为他们标注的内容赋予额外的含义。

　比如 <time> 标签 就是用来标注时间：

<p> 我在 <time> 2015.11.20</time> 加入这个公司</p>

　　那么为啥要使用 html5 的语义化元素呢，主要是因为它有以下的优点：

• 1. seo 优化：像诸如 google 这样的大的搜索引擎，会使用搜索引擎机器人爬取你的网页，然后将你的网页信息存储在他们的数据库中。如果你的网页能够更好的让搜索引擎理解，那么你的网页和用户输入相匹配的概率会更高，那么你的网页在搜索结果中呈现的可能性更高。目前，搜索引擎已经开始检查一些 html5 元素了，这样可以搜集到他们想要的也面对更多的信息。
• 2. 易于维护和修改。解读传统网页的页面结构的时候，需要不断去看样式表，以了解页面的布局和不同区块儿的重要程度。但是通过 html5 语义标签，就能够直接的传达出额外的结构信息。
• 等.....