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()

原文地址:https://www.cnblogs.com/lhl66/p/7502985.html