HTML 标签语义化

一些对HTML标签语义化的理解

1、什么是 标签语义化？

  标签语义化，我的理解就是，选择一个合适的、具有语义而不是毫无意义的标签，去包裹你想要的内容；再通俗点就是可以让人一看到就知道什么意思的标签。

2、HTML语义化标签有哪些？

  html新增的结构标签，可以简单看成，一个页面用“结构标签”按表达不同的内容，分成不同的区域(下面列举一些，并附上链接)。

标签	描述
h1-h6	定义 HTML 标题。
header	定义 section 或 page 的页眉。
article	定义文章
footer	定义 section 或 page 的页脚。
nav	定义导航链接
aside	定义页面内容之外的内容
section	定义页面内容之外的内容
datalist	定义页面内容之外的内容

3、为什么要用语义化标签？

  在经过了一段时间的查询后，我总结出了下列几点原因：

1. 有利于SEO，和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重（我没测试过…）；
2. 在去掉或样式丢失的时候能让页面呈现清晰的结构；
3. PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（因为这些设备对 CSS 的支持较弱）使用语义标记可以确保这些设备以一种有意义的方式来渲染网页。理想情况下，观看设备的任务是符合设备本身的条件来渲染网页;

4. 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

   大概就是这些吧。这有一位大神关于这方面的讲解，可以看看这有一位大神关于这方面的讲解，可以看看