html5的新增特性,HTML5新增特性(示例代码)

1、新增的语义化标记元素

header 标记头部区域的内容(用于整个页面或页面中的一块区域)。

footer 标记脚部区域的内容(用于整个页面或页面中的一块区域)。

section 是web页面中的一块区域。

article 独立的文章内容。

aside 相关内容或者引文。

nav 导航类辅助内容。

2、新增的功能元素

hgroup元素，用于整个页面或页面中的一个内容区块的标题进行组合。

figure元素，表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。figcation元素可为figure元素组添加标题。

video元素，定义视频，比如电影片段或其他视频流。

audio元素，定义音频，比如音乐或其他音频流。

embed元素，用于插入各种多媒体。格式可为：MIDI、MAV、AIFF 、AU、 MP3等。

mark元素，主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字。

time元素，用于表示时间或者日期，也可两者都表示。

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

output元素：表示不同类型的输出。

source元素：为媒介元素定义媒介资源。

menu元素：表示菜单列表，当希望列出表单控件时使用该标签。

ruby元素：表示ruby注释(中文注音或字符)。

rt元素：表示字符(中文注音或字符)的解释或发音。

rp元素：在ruby注释中使用，以定义不支持ruby元素的浏览器所显示的内容。

wbr元素：在浏览器窗口或者父级元素的宽度足够宽时(没必要换行时)不进行换行，只有当宽度不够时，主动在此进行换行。

command元素：表示命令按钮，如单选按钮、复选按钮或按钮。

details元素：表示用户要求得到并且可以得到的细节信息，可以与summary元素配合使用。summary元素应该是details元素的第一个子元素。

datalist元素：可选数据的列表，与input元素配合使用。

datagrid 元素：表示可选数据的列表，以树形结构显示

keygen元素：表示生成密钥。

progress元素：表示运行中的进程，可以使用它来显示JavaScript中耗费时间的函数的进程。

email元素：表示必须输入E-mail地址的文本输入框。

url元素：表示输入URL地址的文本输入框

number元素:表示输入数值的文本输入框。

range元素：表示必须输入一定范围内数字值的文本输入框。