前端知识点总结（二）

HTML篇

---

6.HTML5的新特性，移除了哪些标签，如何区分H5文档？
新特性：

Canvas，Vedio, Audio, Localstorage, Sessionstorage

语义化更好的标签：article,header,footer,section,nav
新增表单控件：calendar,data,time,email,url,search
新的技术：webworker,websocket,Geolocation
移除的元素：
表现元素big,center,font,s, tt, u
负面影响框架：frame,frameset,noframes
区分：doctype声明／新增的标签元素／功能元素

---

7.HTML5离线存储原理，加载？
原理：新建.appchache缓存机制，通过它解析存储在本地的离线资源，当网络离线的时候则会通过存储起来的数据进行页面展示。
在线的情况下，浏览器发现HTML头部有manifest文件下载或更新相应资源并离线存储，离线的情况下，会直接使用离线存储的资源。

---

8.cookies，sessionstorage，localstorage区别？
cookies：在http请求头中携带，在浏览器和服务器来回传递；大小不超过4k；在设置的过期时间内一直有效。
sessionstorage（会话式存储）：关闭浏览器删除，保存本地，大小为5M或更大；
localstorage（本地长期存储）：关闭浏览器不删除，保存本地，大小为5M或更大；

---

9.iframe的缺点？
阻塞页面onload事件；搜索引擎无法解析，不利于SEO；多框架增加http请求

---

10.如何浏览器实现多标签页的通讯？
websocket,或调用localstorage,sessionstorage,cookies

---