h5新特性

·1.语义化标签

header、footer、section、nav、aside、article

2.新的表单元素

progress 进度条，展示连接/下载进度
meter 刻度尺/度量衡，描述数据所处的阶段（红色危险，黄色警告，绿色优秀）
output：输出内容，与以上表示所处的数据是经过计算而输出得到的

3.表单新属性

placeholder：占位提示文字
mutiple：是否允许多个输入
autofocus：自动获得输入焦点，页面上只能有一个
form：指定输入元素所丛书的表单，可以实现输入框放在表单外部并能被提交的效果

4.新的表单类型

type: number、email、tel、calendar、time、search等

5.本地存储

localstorage、sessionStorage、indexedDB
区别：
localstorage一直存在，sessionStorage关闭页面之后消失；
localstorage没有过期时间（可以加字段解决），cookie有（如果不设置具体时间，关闭浏览器消失）；
localstorage存储上限最低为2.6M（cookie上限为4095字节），如果高于2.6M使用indexedDB，indexedDB上限250M；

6.离线web应用

页面缓存指在有网络的状态下，离线web应用指的是在没有网络的情况下可以运行的应用。

 if(window.applicationCache){
        //支持离线应用
 }

manifest文件是核心，记录着哪些文件需要离线缓存，如果使用manifest，在html标签内添加属性

manifest文件格式如下

CACHE MANIFEST
    #缓存的文件
    index.html
    test.js
    #不做缓存
    NETWORK
    /images/
    FALLBACK
    offline.html index.html

7.地理定位

提供 api访问地理位置，通过navigator.geolocation来实现访问
有三个方法：

    getCurrentPosition()
    watchPosition()
    clearWatch

8.canvas

9.svg绘图

10.video、audio新媒体视频/音频