在HTML 5 中新添了许多标签，并更改了一些旧标签的属性。
1. article 标签
HTML5 article 标签定义独立的内容,标签支持 HTML 5 中的全局属性和事件属性。可能的 article 实例：
- 论坛帖子
- 报纸文章
- 博客条目
- 用户评论
2. aside标签
用法：标签定义其所处内容之外的内容（aside 的内容应该与附近的内容相关）。
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
3. footer标签
用法：标签定义文档或节的页脚。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
4. header标签
用法：标签定义文档的页眉（介绍信息）
<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
<p>The rest of my home page...</p>
5. nav标签
用法：标签定义导航链接的部分。提示：如果文档中有“前后”按钮，则应该把它放到 nav 元素中。
6. section标签
用法：标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
7. datalist标签
用法：标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表;使用 input 元素的 list 属性来绑定 datalist。 注：ie和 Safari不支持; 与select比较：具有模糊查询的功能，可以输入; 示例：
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
8. details标签
用法： 标签用于描述文档或文档某个部分的细节 注：只有 Chrome 和 Safari 6 支持 details 标签
9. figure标签
用法：标签规定独立的流内容（图像、图表、照片、代码等等）。 示例：
<figure>
<p>黄浦江上的的卢浦大桥</p>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
10. mark标签
用法：标签定义带有记号的文本 示例：
<p>我正在整理<mark>html5新特性</mark></p>
效果：
11. meter标签
用法：标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。 如磁盘用量、查询结果的相关性，等等。 注：ie不支持;meter 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 progress 标签 示例：
<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>
12. progress标签
用法：标签标示任务的进度（进程） 示例：
下载进度：
<progress value="22" max="100"></progress>
keygen标签 用法：定义生成密钥 示例：
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
13.output标签
用法：标签定义不同类型的输出，比如脚本的输出
示例：
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
效果：
属性：
- for: 定义输出域相关的一个或多个元素,值：element_id
- form：定义输入字段所属的一个或多个表单，值：form_id
- name: 定义对象的唯一名称。（表单提交时使用）
14. audio标签
用法：标签定义声音，比如音乐或其他音频流。目前， 元素支持的3种文件格式：MP3、Wav、Ogg。但是ie浏览器只支持MP3格式，Safari不支持Ogg格式 示例：
<audio src='音频地址' controls='controls' loop='loop' autoplay='autoplay'></audio>
- src:歌曲的路径
- controls:播放控件（不添加该属性，默认不出现播放控件）
- loop:循环播放
- autoplay:音频在就绪后马上播放。
- muted:如果出现该属性，则音频输出为静音。
- preload:规定当网页加载时，音频是否默认被加载以及如何被加载,有三个值auto、metadata、none。
注：这里只是简单的记录了一些audio的信息。
15. video标签
用法：标签定义视频，比如电影片段或其他视频流。但是目前浏览器对这个标签的兼容个不相同
但是之前在项目中遇到过这样的情况：使用的视频是MP4的格式，但是浏览器无法播放。然后就各种百度，发现其实MP4(MPEG-4 Part 14)是一种常见的多媒体容器格式，里面可以嵌入各种编码的视频、音频等。而我们的video标签只支持H264编码的视频，因此只有重新将视频转码。 关于标签所支持的视频格式和编码：
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
<video src="视频地址" controls="controls" autoplay='autoplay' height='200' width='200' loop='loop'>
</video>
src: 视频地址
controls: 视频控件
autoplay: 自动播放
height: 视频的高度
width: 视频的宽度
loop: 循环播放
preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
16. source标签
用法：标签为媒介元素（比如 video和audio）定义媒介资源，标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 示例：
<audio controls>
<source src="/i/horse.ogg" type="audio/ogg">
<source src="/i/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
17. canvas标签
用法： 标签定义图形，比如图表和其他图像,标签只是图形容器，您必须使用脚本来绘制图形。
文章参考 1. 半颗酒窝
