html5 (1) 标签 (1)

html5 语义化标签

​ 在 h5 出现之前，我们一般采用 div+css 布局我们的页面，但这样的布局方式不仅使我们的文档结构不够清晰，而且不利于搜索引擎爬虫对我们页面的爬取。

语义化标签的优点：

1. 比 div 标签有更加丰富的含义，方便开发和维护

2. 搜索引擎能更方便的识别页面的每个部分 3. 方便其他设备解析(例如移动设备、盲人阅读器等)

常用的部分语义化标签：

1. header

   通常被放置在页面或者页面中某个区块的标题，还可以放置搜索表单、logo 图片等元素。

   注意：一个文档可以包含一对或一对以上的 header 标签。标签的位置是次要的，不一定非要显示在页面上方，我们可以位任何需要的区块标签添加 header 元素。

2. nav

   页面的导航，可以通过导航链接到网站的其他页面或者当前页面的其他位置

3. aside

   包含的是对象页面的补充，例如侧边栏，广告、友情链接等

4. footer

   与 header 类似

5. article

   包含一个文档、页面、应用程序或网站的一段独立的内容，可以被独立的发布或者重新使用文章标记标签。

   注意：该标签和 nav 一样，不能用在 address 标签中

6. time

   为了将现在的常用的日期和事件语句用规范的利于机器识别的格式进行表述，time 元素提供了一个可选的时间和时区组件

7. mark

   用于高亮标记一段文字

本文由 倪建成学习时 编辑，只是普通笔记。若是对你有用，可以自行转载

最后编辑时间为:2019-07-30 00:00:00