html5

HTML5新增了27个元素，同时废除了HTML4中16个元素。根据现有的标准规范，我们可以把HTML5元素按优先等级分为4类：

结构性元素（主要负责web上下文结构的定义，用来完成结构）

a.<section></section>定义一个区块，比如文章中某一章节，某一段落。

b.<header></header>定义头部区域。

c.<footer></footer>定义底部区域，一般用来标注一些网站信息，底部导航栏也可以用该标签。

d.<nav></nav>定义菜单导航，链接导航。

e.<article></article>表示文章的主体内容。

块级元素(主要完成web页面区域的划分，确保内容的有效分割)

a.<aside></aside>定义侧边栏，比如主体内容右侧的导航栏等等。

b.<figure></figure>定义多个元素组合并展示的元素，规定独立的流内容（图像、图表、照片、代码等等），元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。一般跟<figcaption></figcaption>联合使用，比如<figure></figure>里面有一张图片，则<figcaption></figcaption>就可以用来作为图片的标题。

c.<code></code>定义一段代码。

d.<dialog></dialog>定义一个对话框、确认框或窗口。（可以包含dt,dd，与dl类似，dt就可以表示说话的人，dd就表示说话的信息）

行内元素(主要是完成web页面具体内容的引用和表述，丰富内容的基础)

a.<meter></meter>定义度量衡。仅用于已知最大和最小值的度量。比如：磁盘使用情况，查询结果的相关性等。PS： <meter> 不能作为一个进度条来使用， 进度条 <progress> 标签。

b.time定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。可用来包裹时间，节日，某个特定的日期或者时间。

c.<progress></progress>定义运行中的任务进度（进程）。跟max属性（需要完成的值），value属性（当前完成的值），mins属性，step属性联合使用。

d.<video></video> ,<audio></audio>定义音频，视频元素。

交互元素（主要用功能性的表达，具体一定的关联）

a.<details></details>规定了用户可见的或者隐藏的需求的补充细节。用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 <details> 标签里边。其内容对用户是不可见的，除非设置了 open 属性。