HTML、HTTP、Web综合面试题（二）

HTML5 现在已经不是 SGML 的⼦集，主要是关于图像，位置，存储，多任务等功能的增加
1. 绘画 canvas
2. ⽤于媒介回放的 video 和 audio 元素
3. 本地离线存储 localStorage ⻓期存储数据，浏览器关闭后数据不丢失
4. sessionStorage 的数据在浏览器关闭后⾃动删除
5. 语意化更好的内容元素，⽐如 article、footer 、 header 、nav 、 section
6. 表单控件， calendar、 date、 time 、 email 、 url、search
7. 新的技术 webworker 、 websocket 、 Geolocation
移除的元素：
1. 纯表现的元素： basefont、 big、center 、font 、s、strike、 tt、u
2. 对可⽤性产⽣负⾯影响的元素： frame 、frameset、oframes
⽀持 HTML5新标签：
1. IE8/IE7/IE6⽀持通过 document.createElement⽅法产⽣的标签
2. 可以利⽤这⼀特性让这些浏览器⽀持 HTML5 新标签
3. 浏览器⽀持新标签后，还需要添加标签默认的样式
当然也可以直接使⽤成熟的框架、⽐如 html5shim

在⽤户没有与因特⽹连接时，可以正常访问站点或应⽤，在⽤户与因特⽹连接时，更新⽤户机器上的缓存⽂件
原理：HTML5 的离线存储是基于⼀个新建的 .appcache ⽂件的缓存机制(不是存储技术)，通过这个⽂件上的解析清单离线存储资源，这些资源就会像 cookie ⼀样被存储了下来。之后当⽹络在处于离线状态下时，浏览器会通过被离线存储的数据进⾏⻚⾯展示
如何使⽤：
1. ⻚⾯头部像下⾯⼀样加⼊⼀个 manifest 的属性
2. 在 cache.manifest⽂件的编写离线存储的资源
3. 在离线状态时，操作 window.applicationCache进⾏需求实现

在线的情况下，浏览器发现 html 头部有 manifest属性，它会请求 manifest ⽂件，如果是第⼀次访问 app ，那么浏览器就会根据manifest⽂件的内容下载相应的资源并且进⾏离线存储。如果已经访过 app 并且资源已经离线存储了，那么浏览器就会使⽤离线的资源加载⻚⾯，然后浏览器会对⽐新的manifest ⽂件与旧的 manifest ⽂件，如果⽂件没有发⽣改变，就不做任何操作，如果⽂件改变了，么就会重新下载⽂件中的资源并进⾏离线存储。
离线的情况下，浏览器就直接使⽤离线存储的资源。

cookie 是⽹站为了标示⽤户身份⽽储存在⽤户本地终端（Client Side）上的数据（通常经过加密）
cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递
sessionStorage 和 localStorage 不会⾃动把数据发给服务器，仅在本地保存
存储⼤⼩：
1. cookie 数据⼤⼩不能超过4k
2. sessionStorage 和localStorage 虽然也有存储⼤⼩的限制，但⽐cookie ⼤得多，可以达到5M或更⼤
有期时间：
1. localStorage 存储持久数据，浏览器关闭后数据不丢失除⾮主动删除数据
2. sessionStorage 数据在当前浏览器窗⼝关闭后⾃动删除
3. cookie 设置的cookie过期时间之前⼀直有效，即使窗⼝或浏览器关闭

iframe 会阻塞主⻚⾯的 Onload 事件
搜索引擎的检索程序⽆法解读这种⻚⾯，不利于 SEO
iframe 和主⻚⾯共享连接池，⽽浏览器对相同域的连接有限制，所以会影响⻚⾯的并⾏加载
使⽤ iframe 之前需要考虑这两个缺点。如果需要使⽤ iframe ，最好是通过javascript 动态给 iframe添加src 属性值，这样可以绕开以上两个问题

⻚⾯被加载的时， link 会同时被加载，⽽ @imort⻚⾯被加载的时， link 会同时被加载，⽽ @import 引⽤的 CSS会等到⻚⾯被加载完再加载import只在 IE5 以上才能识别，⽽ link是 XHTML 标签，⽆兼容问题 link ⽅式的样式的权重⾼于 @import的权重
<!DOCTYPE> 声明位于⽂档中的最前⾯，处于<html> 标签之前。告知浏览器的解析器，⽤什么⽂档类型规范来解析这个⽂档
严格模式的排版和 JS运作模式是以该浏览器⽀持的最⾼标准运⾏
在混杂模式中，⻚⾯以宽松的向后兼容的⽅式显示。模拟⽼式浏览器的⾏为以防⽌站点⽆法⼯作。 DOCTYPE 不存在或格式不正确会导致⽂档以混杂模式呈现