目录

1. H5中关于语义化的标签
   1. 定义
   2. 为什么要语义化
   3. 关于语义化的标签有哪些
   4. H5新增的语义化标签

H5中关于语义化的标签

定义

　　语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。

为什么要语义化

　　1. 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。
　　2. 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
　　3. 方便其他设备解析（如移动设备、盲人阅读器等）
　　4. 比div标签有更加丰富的含义，便于团队开发和维护

关于语义化的标签有哪些

title 简短、描述性、唯一（提升搜索引擎排名）
header 页眉通常包括网站标志、主导航、全站链接以及搜索框。
section 具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。

footer 页脚，只有当父级是body时，才是整个页面的页脚。
article 包含像报纸一样的内容，表示文档、页面、应用或一个独立的容器
a
ahgroup 标签用于对网页或区段（section）的标题进行组合
nav 标记导航，仅对文档中重要的链接群使用。
aside 指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。
address 作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）
mark 突出显示文本（yellow），提醒读者。
time 标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式
figure 创建图（默认有40px左右margin）
figcaption figure的标题，必须是figure内嵌的第一个或者最后一个元素。
datailst
details
summary
dialog
dd
progress 完成进度。可通过js动态更新value
keygen
small 指定细则，输入免责声明、注解、署名、版权。

H5新增的语义化标签

header 是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。
footer footer通常包括其相关区块的脚注信息，如作者，相关阅读连接以及版权信息等。
article 代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容，也可以嵌套使用。可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或者独立的插件，或其他任和独立的内容。
aside 定义页面的侧边栏内容
address 用来在文档中呈现联系信息，包括文档作者或文档维护者名字，他们的网站链接，电子邮箱，真实地址，电话号码，以及跟文档相关的联系人的所有联系信息。
time
details 用于描述文档或者文档某一部分细节，summary是details元素的标题
ruby 加注释，ruby标签有两个子元素，rt注释的内容，rp是该标签不显示时显示的文字
mark 定义带有几号的文本，它会给你想要突出显示的文本加个 背景色
nav 是一个可以用作页面导航的链接组，其中导航元素链接到其他页面或当前页面的其他部分。
progress
section 作为Html文档独立的功能。
video 定义视频，属性src引入资源，controls视频的控制控件
audio该标签可定义声音，及其他的音频文件，不加controls不显示音频的控制界面
datalist 提示可能的值，datalist及其选项不会被显示出来，它仅仅是合法输入值的列表使用input元素的list属性来邦定datalist
embed 定义插入的内容，如插件，flash，标签中间不要加内容会显现出来
canvas canvas画布只是个容器，你可以通过控制坐标在canvas上绘制图形，一般配合js可以实现非常复杂的动画效果。