HTML5新特性

(1)语义标签
<header></header>定义了文档的头部区域
<footer></footer> 定义了文档的尾部区域
<nav></nav> 定义文档的导航
<section></section>定义文档中的节（section、区段）
<article></article>定义页面独立的内容区域
<aside></aside>定义页面的侧边栏内容
<detailes></detailes>用于描述文档或文档某个部分的细节
<summary></summary>标签包含 details 元素的标题
<dialog></dialog> 定义对话框，比如提示框
(2)增强型表单
多个新的表单 Input 输入类型
color 主要用于选取颜色
date 从一个日期选择器选择一个日期
datetime 选择一个日期（UTC 时间）
datetime-local 选择一个日期和时间 (无时区)
email 包含 e-mail 地址的输入域
month 选择一个月份
number 数值的输入域
range 一定范围内数字值的输入域
search 用于搜索域
tel 定义输入电话号码字段
time 选择一个时间
urlURL 地址的输入域
week 选择周和年
HTML5 也新增以下表单元素
<datalist>：元素规定输入域的选项列表
使用 <input> 元素的 list 属性与 <datalist> 元素的 id 绑定
<keygen>：提供一种验证用户的可靠方法
标签规定用于表单的密钥对生成器字段。
<output>：用于不同类型的输出
比如计算或脚本输出
HTML5 新增的表单属性
placehoder ：简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。
required：是一个 boolean 属性。要求填写的输入域不能为空
pattern：描述了一个正则表达式用于验证<input> 元素的值。
min 和 max ：设置元素最小值与最大值。
step ：为输入域规定合法的数字间隔。
height 和 width：用于 image 类型的 <input> 标签的图像高度和宽度。
autofocus：是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。
multiple：是一个 boolean 属性。规定<input> 元素中可选择多个值。　
(3)视频和音频
<audio> ，control 属性供添加播放、暂停和音量控件
(4)Canvas绘图
标签只是图形容器，必须使用脚本来绘制图形
(5)SVG绘图
SVG是指可伸缩的矢量图形
SVG 与 Canvas两者间的区别——
SVG 基于XML；Canvas 基于JavaScript，是逐像素进行渲染的。
(6)地理定位
Geolocation
(7)拖放API
dragstart：拖动开始
drag：拖动中
dragend：拖动结束
整个拖动过程的组成： dragstart*1 + drag*n + dragend*1
(8)Web Worker
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能
(9)Web Storage
客户端存储数据的两个对象为：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储, 当用户关闭浏览器窗口后，数据会被删除。
(10)WebSocket
WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议