本文共 2278 字,大约阅读时间需要 7 分钟。
HTML5
现在已经不是 SGML
的⼦集,主要是关于图像,位置,存储,多任务等功能的增 加 canvas
video
和 audio
元素localStorage
⻓期存储数据,浏览器关闭后数据不丢失sessionStorage
的数据在浏览器关闭后⾃动删除article
、footer
、 header
、nav
、 section
calendar
、 date
、 time
、 email
、 url
、search
webworker
、 websocket
、 Geolocation
basefont
、 big
、center
、font
、s
、strike
、 tt
、u
frame
、frameset
、oframes
HTML5
新标签: IE8/IE7/IE6
⽀持通过 document.createElement
⽅法产⽣的标签HTML5
新标签html5shim
HTML5
的离线存储是基于⼀个新建的 .appcache
⽂件的缓存机制(不是存储技 术),通过这个⽂件上的解析清单离线存储资源,这些资源就会像 cookie
⼀样被存储了下 来。之后当⽹络在处于离线状态下时,浏览器会通过被离线存储的数据进⾏⻚⾯展示manifest
的属性cache.manifest
⽂件的编写离线存储的资源window.applicationCache
进⾏需求实现html
头部有 manifest
属性,它会请求 manifest
⽂件,如果是第⼀次访问 app
,那么浏览器就会根据manifest
⽂件的内容下载相应的资源并且进⾏ 离线存储。如果已经访过 app
并且资源已经离线存储了,那么浏览器就会使⽤离线的资 源加载⻚⾯,然后浏览器会对⽐新的manifest
⽂件与旧的 manifest
⽂件,如果⽂件没 有发⽣改变,就不做任何操作,如果⽂件改变了,么就会重新下载⽂件中的资源并进⾏ 离线存储。cookie
是⽹站为了标示⽤户身份⽽储存在⽤户本地终端(Client Side
)上的数据(通常 经过加密)cookie
数据始终在同源的http
请求中携带(即使不需要),记会在浏览器和服务器间来回 传递sessionStorage
和 localStorage
不会⾃动把数据发给服务器,仅在本地保存cookie
数据⼤⼩不能超过4ksessionStorage
和localStorage
虽然也有存储⼤⼩的限制,但⽐cookie
⼤得 多,可以达到5M或更⼤localStorage
存储持久数据,浏览器关闭后数据不丢失除⾮主动删除数据sessionStorage
数据在当前浏览器窗⼝关闭后⾃动删除cookie
设置的cookie
过期时间之前⼀直有效,即使窗⼝或浏览器关闭iframe
会阻塞主⻚⾯的 Onload
事件SEO
iframe
和主⻚⾯共享连接池,⽽浏览器对相同域的连接有限制,所以会影响⻚⾯的并⾏ 加载iframe
之前需要考虑这两个缺点。如果需要使⽤ iframe
,最好是通过javascript
动态给 iframe
添加src
属性值,这样可以绕开以上两个问题css
和js
XHTML
可兼容各⼤浏览器、⼿机以及 PDA
,并且浏览器也能快速正确地编译⽹ ⻚XHTML
元素必须被正确地嵌套,闭合,区分⼤⼩写,⽂档必须拥有根元素link
会同时被加载,⽽ @imort
⻚⾯被加载的时, link
会同时被加 载,⽽ @import
引⽤的 CSS
会等到⻚⾯被加载完再加载import
只在 IE5
以上才能识 别,⽽ link
是 XHTML
标签,⽆兼容问题 link
⽅式的样式的权重 ⾼于 @import
的权 重<!DOCTYPE>
声明位于⽂档中的最前⾯,处于<html>
标签之前。告知浏览器的解析 器, ⽤什么⽂档类型 规范来解析这个⽂档JS
运作模式是 以该浏览器⽀持的最⾼标准运⾏DOCTYPE
不存在或格式不正确会导致⽂档以混杂模式呈现转载地址:http://mnozi.baihongyu.com/