html5标签语义化

HTML5 添加了很多语义元素如下所示：
标签 描述

定义页面独立的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本，使其脱离其父元素的文本方向设置。
定义命令按钮，比如单选按钮、复选框或按钮
用于描述文档或文档某个部分的细节
定义对话框，比如提示框
标签包含 details 元素的标题

规定独立的流内容（图像、图表、照片、代码等等）。

定义

元素的标题

定义 section 或 document 的页脚。

定义了文档的头部区域
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。

定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释（中文注音或字符）。
定义字符（中文注音或字符）的解释或发音。
在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。

定义文档中的节（section、区段）。
定义日期或时间。
规定在文本中的何处适合添加换行符。
IE9 以下版本浏览器兼容HTML5的方法，使用W3C菜鸟的静态资源的html5shiv包：

载入后，初始化新标签的CSS：
/html5/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

在使用语义化标签前，html中会使用大量的无意义的div
语义化优点：1 提升可访问性； 2 SEO便于爬虫解析； 3 结构清晰，利于维护；
header 元素代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。
footer元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分。
aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。
section元素代表文档中的“节”或“段”，“段”可以是指一篇文章里按照主题的分段；
article元素最容易跟section和div容易混淆，其实article代表一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用。
address代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等。
small：指定细则，输入免责声明、注解、署名、版权。
strong：表示内容重要性。
Time：标记时间

废除的元素：

1、能用css代替的元素
basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。

2、不再使用frame框架。
frameset、frame、noframes。HTML5中不支持frame框架，只支持iframe框架，或者用服务器方创建的由多个页面组成的符合页面的形式，删除以上这三个标签。

3、只有部分浏览器支持的元素
applet、bgsound、blink、marquee等标签。

4、其他被废除的元素
废除rb，使用ruby替代。
废除acronym使用abbr替代。
废除dir使用ul替代。
废除isindex使用form与input相结合的方式替代
废除listing使用pre替代
废除xmp使用code替代
废除nextid使用guids
废除plaintex使用“text/plian”（无格式正文）MIME类型替代。