html5新增了以下语义化标签，用于替代旧版通过大片**div+**样式来定义各种版块。
<article>用来在页面中表示一套结构完整且独立的内容部分，可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容等。<section>定义文档中的区段，页面上的版块，用于划分页面上的不同区域,或者划分文章里不同的节<nav>定义导航<asider>定义文章的侧边栏<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。<figcaption>figure的子元素 用于对figure的内容 进行说明<header>定义页眉、网页或section的头部<footer>定义页脚 ，网页或section底部的内容<hgroup>定义对网页标题的组合<time></time>定义日期和时间<dialog>定义一个对话框<datalist></datalist>选项列表。与 input 元素配合使用，来定义 input 可能的值。<mark>在视觉上向那些想要突出的文字，比如搜索结果中向用户高亮显示搜索关键词<details></details>标签用于描述文档或文档某个部分的细节,summary是details元素的标题< summary></summary>details 元素的标题。该元素用于摘录引用等 应该与页面的主要内容区分开的其他内容<progress>进度条，运行中、加载中的进度。<meter>数据区间中绘制一个值的占比与状态<audio></audio>定义音频,可以支持多个source（媒介标签，这里没有写错，这个标签可以省略/）,浏览器默认将第一个能识别的格式进行播放<video></video>定义电影片段或者其他视频流,支持三种类型的视频： Ogg、MPEG4、WebM<svg>使用XML技术绘制可缩放矢量图形的语言，可使用扩展名.svg的xml定义，也可以内嵌在html中<canvas>用来进行canvas绘图,该标签为图形容器，通过js找到标签的操作对象来画图
