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">

<embed>元素   用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3        等同于html4的object元素

<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>      表示必须输入一定范围内数字的文本输入框