html5新增元素

一与结构有关的元素

主体结构标签

1.article元素（嵌套使用）页面中的一个独立的内容

2.section元素（分段）页面中一个内容区块

3.nav元素页面中导航链接部分

4.aside元素页面上<article>元素之外的，但是与<article>相关的辅助信息

非主体结构标签

<header>元素表示页面中一个内容区块<section>或者整个页面的标题

<hgroup>元素表示对整个页面或者页面中一个内容区块<section>的<header>进行组合

<footer>元素表示整个页面或者页面中一个内容区块<section>的脚本

<figure>元素表示一段独立的文档流内容

<figcaption>元素表示<figure>元素的标题

二与结构无关的元素

<video>元素定义视频，比如电影片段或其他视频流等同于html4的<object type="video">

<audio>元素定义音频，比如音乐或其他音频流等同于html4的<object type="application/ogg">

<mark>元素主要用来在视觉上向用户那些需要突出显示或者高亮显示的文字等同于html4的span元素

<progress>元素表示运行中的进程，可以使用progress来显示JavaScript中消耗时间的函数的进程 html4中无法实现

meter元素表示度量衡。仅用于已知最大值和最小值的度量。必须定义度量的范围，可以在元素的文本中。也可以在min/max属性中定义 html4无法实现

<time>元素表示日期或者时间，也可以同时表示两者等同于html4的span元素

<ruby>元素表示ruby注释 rt元素表示字符的解释或发音 rp元素在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容

<wbr>元素表示软换行。他与br元素的区别：br元素表示此处必须换行，而wbr元素的意思是浏览器窗口或父级元素的宽度够宽时。不进行换行，而当宽度不够时，主动在此处进行换行

<canvas>元素表示图形，比如图表和其他图像。这个元素本身没有行为，进提供一块画布，但它把一个绘图API展现给客户端javascript，以使脚本能够把想绘制的东西绘制到这块画布上

<command>元素表示命令按钮，比如单选按钮，复选按钮或按钮

<details>元素表示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户点击标题时，会显示出细节信息，

<summary>元素应该details元素的第一个元素

<datalist>元素表示可选数据的列表，与input元素配合使用，可以制作出输入值的下拉列表 html5新增功能。

<datagrid>元素表示可选数据的列表，他以树形列表的形式来显示。

<keygen>元素表示生成密匙。

<output>元素表示不同类型的输出，比如脚本的输出

<source>元素为媒介元素定义媒介资源对应html4的<param>

<menu>元素表示菜单列表。当希望列出表单空间时使用

三新增的表单元素类型

<email> 表示必须输入E-mail地址的文本输入框

<url> 表示必须输入URL地址的文本输入框

<number> 表示必须输入数值的文本输入框

<range> 表示必须输入一定范围内数字的文本输入框