【面试常考】H5新特性

HTML5新特性：

1. 语义化标签

（1）比如：header、conent、footer、aside、nav、section、article等语义化标签。

（2）语义化标签的好处：结构清楚，易于阅读，可维护性更高，有利于SEO的优化。

2. 表单新特性

（1）input控件新增输入类型：date，color，month，email，tel，url、search、number等。

（2） 新增表单元素：keygen（公钥私钥），datalist，progress，meter，output等。

（3）新增表单属性：placeholder，min/max，pattern，required，width，height，multitype等。

3. vedio和audio

多媒体表单元素，可用于播放mp3、mp4文件

4. canvas画布

用于绘制2D、3D图形

5. webstorage

本地离线缓存：localStorage和sessionStorage

6. webWorker

在当前JavaScript主进程中开启一个异步线程（独立工作，在主线程以外运行），window.postMessage可用于解决跨域数据传输。

7. webSocket

浏览器端和服务器端之间的全双工通信机制（没有同源限制，客户端可以和任意服务器端进行通信），服务器可以主动推送数据到服务端。

8. 拖拽 drap drop API