HTML5新特性

1、 拖拽释放API：drag+drop

dragstart：拖拽开始
drag：拖拽中
dragend：拖拽结束

dragenter：拖动着进入
dragover：拖动着悬停在上方
dragleave：拖动着离开
drop：在目标位置释放
拖动事件是要求获得相对于整个页面的左上角的偏移量，使用e.pageX/pageY。

2、 音视频API：audio音频，video视频

① video：定义视频
autoplay:自动播放
controls:控制播放
loop：是否重复播放
preload：是否自动加载

② audio：定义音频
mark：标记，突出文字
iframe：内嵌网页框架
canvas：定义图形提供画布

3、 画布API：canvas

canvas只有两个属性，width和height

4、 地理API：geolocation

if (navigator.geolocation){
    navigator.geolocation.getCurrentPosition(showPosition,showError);
}

getCurrentPosition(postion,error):获取用户位置信息，第一个参数为获取成功的执行函数，第二个为错误处理函数。方法返回的是一个包含longitude (经度)、latitude (纬度)、accuracy (精度)等属性的一个对象。

5、 语义化更好的内容标签：header，footer，nav，section，aside，article

6、 本地离线存储：localStorage、sessionStorage

cookie：大小受限，限制4kb；且消耗性能，当前域下所有http请求都会携带这些Cookie
sessionstorage：限制为5M，关闭浏览器则缓存清空
localstorage：限制为5M，自己不会清除，需要手动清除

7、 表单控件date、time、email、url、search、tel、color

data：显示日期
time：显示时间
email：电子邮箱文本框
url： 网页地址
search：搜索引擎
tel：电话号码
color：颜色选择器