HTML5

H5新特性有哪些？

1.增加新的语义化标签

<article> <aside> <nav> <time> <progress> <header> <footer>……

2.Canvas

增加canvas标签用于图形绘制。

3.html拖放api

在html5中，拖放是标准的一部分，任何元素都能够拖放

<img draggable = "true"/>

拖动什么 - ondragstart 和 setData
放到何处 - ondragover
进行放置 - ondrop

4.地理定位

HTML5 Geolocation API 用于获得用户的地理位置。

5.增加Audio（音频）、Video（视频）

<audiocontrols>
<sourcesrc="horse.ogg"type="audio/ogg">
<sourcesrc="horse.mp3"type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

<videowidth="320"height="240"controls>
<sourcesrc="movie.mp4"type="video/mp4">
<sourcesrc="movie.ogg"type="video/ogg">
您的浏览器不支持Video标签。
</video>

6.增加Input类型

color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week

7.增加表单元素

<datalist> <keygen> <output>

8.web存储

增加了替代cookie的解决方案sessionStorage和localStorage

9.离线web应用（应用程序缓存）

带来的三大优势： 1.离线浏览-用户可在应用离线时使用
2.速度-已缓存资源加载更快
3.减少服务器负载-浏览器只从服务器下载更新过或更改过的资源

9.webSocket