h5新特性

HTML 5 Web 存储：

localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储

cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。
对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。
HTML5 使用 JavaScript 来存储和访问数据。

HTML 5 应用程序缓存：

离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

HTML 5 Canvas：

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

HTML 5 音频：

HTML 5 Video + DOM：（视频）

HTML 5 拖放：（拖放（Drag 和 drop）是 HTML5 标准的组成部分。）

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。
在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

HTML5 内联 SVG：

HTML5 新的 Input 类型：

email（email 类型用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。）
url（url 类型用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值）
number（number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定）
range（range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。您还能够设定对所接受的数字的限定）
Date pickers (date, month, week, time, datetime, datetime-local)

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

search（search 类型用于搜索域，比如站点搜索或 Google 搜索。search 域显示为常规的文本域。）
color

新的特殊内容元素，比如 article、footer、header、nav、section

处理HTML5标签兼容性问题：

第一种方法:使用Google的html5shiv包（推荐）

第二种方法：document.createElement()