Doctype是作⽤于⽂档最顶部的⽂档声明，是告诉浏览器是以标准模式还是以怪异模式展⽰该页⾯。Doctype不存在或格式错误都会导致页 ⾯以怪异模式展⽰页⾯。 标准模式的页⾯排版和JS运作模式都是浏览器⽀持的最⾼标准，⽽怪异模式是向后兼容，模拟⽼浏览器模式⾏为，防⽌页⾯⽆法正常⼯作 ⾏内元素: a/img/span/b/strong/input/select/section 块级元素: div/p/table/ul/ol/li/h1-h6 空元素: br/hr/img/input/link/meta 浏览器主要分为两个部分:渲染引擎和JS引擎 渲染引擎：主要负责获取页⾯内容和排版渲染页⾯ JS引擎：解析和执⾏JS来实现页⾯的动态效果，以及交互内容 在线的情况下，浏览器发现 html 标签有 manifest 属性，它会请求 manifest ⽂件 如果是第⼀次访问app，那么浏览器就会根据 manifest ⽂件的内容下载相应的资源并且进⾏离线存储 如果已经访问过app且资源已经离线存储了，浏览器会对⽐新的 manifest ⽂件与旧的 manifest ⽂件，如果⽂件没有发⽣改变，就不 做任何操作。如果⽂件改变了，那么就会重新下载⽂件中的资源并进⾏离线存储 离线的情况下，浏览器就直接使⽤离线存储的资源。 cookies是⽹站为了表⽰⽤户⾝份⽽储存在⽤户本地终端上的数据,Cookies的数据始终在同源的http请求中携带,会在浏览器和服务器中来回 传递,⼤⼩不能4K(通常经过加密,所以不⽤担⼼账号被盗,同源策略[同源是指"协议+域名+端⼝"三者相同]可以防⽌XSS和CSRF攻击浏览 器,XSS就是⽤过浏览器的cookies,截取⽤户数据,CSRF是模拟⽤户在⽹页上⾯的操作,完成数据请求.异步策略牵扯到了JSONP) sessionStorage和localStorage的数据都是在本地存储,不会把数据发给服务器,localStorage是关闭浏览器,数据还存在不会丢失,⽽ sessionStorage是离开浏览器后,数据会⾃动删除. HTML5新特性有哪些？如何处理HTML5新标签的兼容性问题？如何区分HTML和HTML5？ HTML5新特性： 绘图⽅⾯：加⼊了canvas绘图和SVG绘图； 媒体⽅⾯： 加⼊了video和audio标签 语义化标签： ⽐如header、nav、footer、section ['sekʃ(ə)n]、article ['ɑrtɪkl] 本地离线存储： localStorage[ˈloʊkl] 和sessionStory两种本地离线缓存 localStorage是长期储存数据,关闭浏览器后数据不会丢失 sessionStorage是关闭浏览器后数据⾃动删除 表单控件: calendar、date、time、email、url、search ; 以及⼀些新技术: webwoker / websocket (säkit)/ GelolCation(ˌjēōlōˈkāSHən -------------------------------------------------------- 作者：五虎作噩知识集 链
