HTML5--新增的标签、属性和事件

（这里介绍的都是新增的一些，之前的属性事件依旧可以使用）
HTML5标签
正确的使用标签对网页的SEO有很大的帮助，例如使用h1-6搜索印象会自动认为是标题。每个标签都有它特有的想表达的意思，最后根据实际用途使用它们而不是乱用，然后在使用CSS修改效果。
可以下看http://www.admin5.com/article/20131012/527361.shtml
下面进入正题：
一、结构标签

section：独立内容区块，可以用h1-h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或其他部分
article：特殊独立区块，表示这页面中的核心内容
aside：变迁内容之外与标签内容相关的辅助信息
header：某个区块的头部信息/标题
footer：底部信息
hgroup：头部信息/标题的补充内容
nav：导航条部分信息
figure：独立的单元，例如某个有图片与内容的新闻块
给出一张图便于大家理解：

二、表单标签
datalist：文本域下拉列表；
keygen:定义生成密钥
output：定义输出的一些类型
input多了几个type：email url number range time datetime datetime-local search color
会单独写一篇，详情看：

三、媒体标签
video
audio
source
详情看HTML5–视频和音频：http://blog.csdn.net/zcy_csdn123/article/details/77931724

四、其他标签
mark：标注（像荧光笔做笔记）
progress：进度条；<progress max="最大进度条的值" value="当前进度条的值">
time：数据标签，给搜索引擎使用；发布日期

<time datetime="2014-12-25T09:00">9：00</time>更新日期<time datetime="2015-01-23T04:00" pubdate>4:00</time>

canvas：定义图形；
command：命令按钮；
details ：定义元素细节；
datalist：文本域下拉列表；
keygen:定义生成密钥
output：定义输出的一些类型
dialog：定义对话框或窗口
progress:任何类型的任务的进度

---

HTML5属性

contenteditable：规定元素内容是否可编辑
data-*：自定义属性，用于村粗页面或者应用程序私有定制数据。

<p data-id="123"></p>//这样就用JS 获得当前P标签存的ID了

hidden：不多解释（原来它也是h5的新属性啊~）
spellcheck：是否对元素进行拼写和语法检查。
translate：是否应该翻译元素内容
draggable：规定元素是否可以拖动。
dropzone：在拖动被拖动数据时是否进行复制、移动或链接
contextmenu：规定元素的上下文菜单（该属性目前只有Firefox支持，所以你懂得很少用到）

---

HTML5事件
事件有点多，无论是window、form、还是mouse等都增加了很多事件
media的很多事件是和video 和 audio 相配和的
W3C链接：http://www.w3school.com.cn/tags/html_ref_eventattributes.asp