HTML5 特性

HTML5 新元素  

<canvas>新元素   描述：标签定义图形，比如图表和其他图像。该标签基于JavaScript的绘图API

新多媒体元素

<audio> 描述：定义音频内容

<video> 描述：定义视频（video 或者movie）

<source> 描述：定义多媒体资源<video>和<audio>

<embed> 描述：定义嵌入内容，比如插件。

<track> 描述：诸如<video>和<audio>元素之类的媒体规定外部文本轨道。

新语义和结构元素

<header> 描述：定义了文档的头部区域

<nav> 描述：定义导航链接的部分

<section> 描述：定义文档中的节（section、区段）

<artical> 描述：定义页面独立的内容区域

<aside> 描述：定义页面的侧边栏内容。（页面主区域内容之外的内容）

<figure> 描述：规定独立的流内容（图像、图表、照片、代码等等）

<figcaption> 描述：<figure>元素的标题。（放置在figure元素第一行或最后一行）

<footer> 描述：定义文档的底部区域

新表单元素

<datalist> 描述：定义选项列表。请与input元素配合使用该元素，来定义input的可能的值。

<keygen> 描述：规定用于表单的密钥对生成器字段。

<output> 描述：定义不同类型的输出，比如脚本的输出。

新的Input类型

email 类型用于应该包含e-mail地址的输入域，在提交表单时，会自动验证email域的值。

url 类型用于应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。

number 类型用于应该包含数值的输入域。 还能够设定对所接受的数字的限定。

<input type="number" name="points" min="1" max="10" />

range 类型用于应该包含一定范围内数字值的输入域，显示为滑动条，还能设定对所接受的数字的限定。

<input type="range" name="points" min="1" max="10" />

Date pickers（date,mouth,week,time,datetime,datetime-local）

HTML5 拥有多个可供选取日期和时间的新输入类型：

• date - 选取日、月、年
• month - 选取月、年
• week - 选取周和年
• time - 选取时间（小时和分钟）
• datetime - 选取时间、日、月、年（UTC 时间）
• datetime-local - 选取时间、日、月、年（本地时间）

search 类型用于搜索域，比如站点搜索或google搜索，search域显示为常规文本域。

其他新元素

<bdi> 描述：允许您设置一段文本，使其脱离其父元素的文本方向设置

<command> 描述：定义命令按钮，比如单选按钮、复选框和按钮

<detail> 描述：用于描述文档和文档某部分的细节

<dialog> 描述：定义对话框，比如提示框

<summary> 描述：标签包含detail元素的标题

<mark> 描述：定义带有记号的文本

<meter> 描述：定义度量衡。仅用于已知最大和最小值得度量

<progress> 描述：定义任何类型的任务的进度

<ruby> 描述：定义ruby注释（中文注音或字符）

<rt> 描述：定义字符（中文注音或字符）的解释和发音

<time> 描述： 定义日期或时间

<wbr> 描述：规定在文本中的何处适合添加换行符