前端面试题-HTML5新特性

1. 标签语义化
   header，footer，nav，section，article，aside，diallog等。
   好处：结构清晰，易于阅读，可维护性更高，有利于搜索引擎的搜索（SEO的优化）。
2. 音频和视频标签
   audio，video（source标签定义type属性）
   属性：src（音频或视频链接），width，height，controls（显示控件）
3. 表单
   input新增输入类型：date，color，month，email，tel，url等
   新增表单元素：keygen（公钥私钥），datalist，progress，meter，output
   新增表单属性：placeholder，min/max，pattern，required，width，height，multitype等
4. 移除元素：big，font，center，frameset，frame等
5. 新增api：获取用户的地理位置-window.navigator.geolocation
6. canvas画布
7. svg绘图：可伸缩矢量图形
8. web worker：在当前JavaScript主进程中开启一个异步线程（独立工作，在主线程以外运行），window.postMessage可用于解决跨域数据传输。

//worker.js
onmessage =function (e){
  var data = e.data;//通过e.data获得发送来的数据
  postMessage( data );//将获取到的数据发送会主线程
}

9. web storage（常考localStorage，sessionStorage，cookie以及session之间的区别）

localStorage.setItem(key,value);//保存数据
let value = localStorage.getItem(key);//读取数据
localStorage.removeItem(key);//删除单个数据
localStorage.clear();//删除所有数据
let key = localStorage.key(index);//得到某个索引的值

localStorage：永久存储，存储在浏览器端，存储容量为8M，保存的数据为字符串
sessionStorage：会话存储，窗口关闭即清除，存储在浏览器端，存储容量为8M，保存的数据为字符串
cookie：存储在浏览器端，每次发送http请求时携带，存储容量为4k，保存的数据为字符串
session：存储在服务器端，安全性更高，保存的数据为对象

10. web socket：浏览器端和服务器端之间的全双工通信机制（没有同源限制，客户端可以和任意服务器端进行通信），服务器可以主动推送数据到服务端。
11. 允许控制哪些文件需要缓存（CACHE，NETWORK...）