摘要：是標(biāo)簽，無(wú)兼容問(wèn)題是提出的，以上才能識(shí)別。數(shù)據(jù)始終在同源的請(qǐng)求中攜帶，即會(huì)在瀏覽器和服務(wù)器間來(lái)回傳遞。和不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。輸入輸入的如何關(guān)閉自動(dòng)完成功能給不想要提示的或某個(gè)設(shè)置為。內(nèi)容顯示為斜體，表示強(qiáng)調(diào)文本。

1 告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)。
2 標(biāo)準(zhǔn)模式中，排版和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行；
　兼容模式中，頁(yè)面以寬松的向后兼容的方式呈現(xiàn)，模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。

HTML5不基于SGML，因此不需要對(duì)DTD進(jìn)行引用，但需要DOCTYPE來(lái)規(guī)范瀏覽器的行為；
而HTML4.01基于SGML，需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類(lèi)型。

行內(nèi)元素：a b i em span input select strong等
塊級(jí)元素：h1~h6 p div ul ol dl li等
空元素：meta link br hr img input area等

1 link除了加載CSS之外，還能定義RSS，定義rel連接屬性等作用；而@import只能加載CSS。
2 link在頁(yè)面加載時(shí)同時(shí)加載；而@import引用的CSS會(huì)等到頁(yè)面加載完后再加載。
3 link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題；@import是CSS提出的，IE5以上才能識(shí)別。

主要分成兩部分：渲染引擎和JS引擎。
渲染引擎：負(fù)責(zé)取得網(wǎng)頁(yè)內(nèi)容，整理訊息，以及計(jì)算網(wǎng)頁(yè)的顯示方式，然后輸出至顯示器或打印機(jī)。瀏覽器的內(nèi)核不同對(duì)于網(wǎng)頁(yè)的語(yǔ)法解釋會(huì)有不同，所以渲染的效果也不同。
JS引擎：解析和執(zhí)行javascript來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果。
最開(kāi)始渲染引擎和JS引擎沒(méi)有很明確的區(qū)分，后來(lái)JS引擎越來(lái)越獨(dú)立，內(nèi)核就傾向于只指渲染引擎。

1 Trident內(nèi)核：IE
2 Gecko 內(nèi)核：Firefox
3 Presto 內(nèi)核：Opera（現(xiàn)為Blink）
4 Webkit 內(nèi)核：Safari,Chrome (Chrome現(xiàn)為Blink)

HTML5現(xiàn)在已不是SGML的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。
　繪畫(huà)：canvas;
　媒體播放：video和audio元素；
　本地離線存儲(chǔ)：localStorage和sessionStorage;
　語(yǔ)義化更好的元素，如article、footer、header、nav、section;
　表單控件，如calendar、date、time、email、url、search;
　新的技術(shù)，webworker,websockert,Geolocation;
移除的元素：
　純表現(xiàn)的元素：big，center,font,basefont,strike,s,u;
　對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame,frameset,noframes;

IE6/7/8支持通過(guò)document.createElement方法產(chǎn)生的標(biāo)簽，可以使用這種方法來(lái)兼容，還要添加上標(biāo)簽?zāi)J(rèn)的樣式。
識(shí)別HTML5：通過(guò)DOCTYPE聲明，新增的結(jié)構(gòu)元素，功能元素

如何使用：只要在在頁(yè)面頭部加入mainfest的屬性就行了。

……

工作原理：HTML5的離線存儲(chǔ)是基于一個(gè)新建的.appcache文件的緩存機(jī)制（不是存儲(chǔ)技術(shù)），通過(guò)這個(gè)文件上的解析清單離線存儲(chǔ)資源，這些資源就像cookie一樣被存儲(chǔ)下來(lái)。當(dāng)無(wú)網(wǎng)時(shí)，瀏覽器會(huì)通過(guò)被離線存儲(chǔ)的數(shù)據(jù)進(jìn)行展示。

在線的情況下，瀏覽器發(fā)現(xiàn)html頭部有manifest屬性，它會(huì)請(qǐng)求manifest文件。如果是第一次訪問(wèn)app，那么瀏覽器就會(huì)根據(jù)manifest文件的內(nèi)容下載相應(yīng)的資源并進(jìn)行離線存儲(chǔ)。如果已經(jīng)訪問(wèn)過(guò)app，瀏覽器就會(huì)使用離線的資源加載頁(yè)面，然后瀏覽器會(huì)對(duì)比新的manifest文件和舊的manifest文件，如果發(fā)生改變就更新資源。

cookie是網(wǎng)站為了標(biāo)識(shí)用戶身份而儲(chǔ)存在用戶本地終端的數(shù)據(jù)（通常經(jīng)過(guò)加密）。
cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶，即會(huì)在瀏覽器和服務(wù)器間來(lái)回傳遞。
sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。

存儲(chǔ)大小：
　cookie數(shù)據(jù)大小不能超過(guò)4k。
　sessionStorage和localStorage雖然也有存儲(chǔ)大小限制，但比cookie大得多，有5M或更大。
有效時(shí)間：
　cookie　　　　　在cookie設(shè)置的過(guò)期時(shí)間之前一直有效，即使瀏覽器關(guān)閉
　sessionStorage　數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉之后自動(dòng)刪除
　localStorage　　 存儲(chǔ)持久數(shù)據(jù)，瀏覽器關(guān)閉之后數(shù)據(jù)不丟失除非主動(dòng)刪除數(shù)據(jù)

1 iframe會(huì)阻塞主頁(yè)面的Onload事件；
2 搜索引擎的檢索程序無(wú)法解讀這種頁(yè)面，不利于SEO;
3 iframe和主頁(yè)面共享連接池，而瀏覽器對(duì)相同域的連接有限制，所以會(huì)影響頁(yè)面的并行加載。

如果要使用iframe，最好通過(guò)javascript動(dòng)態(tài)給ifarme添加src屬性值，這樣可以避免以上問(wèn)題。

label標(biāo)簽定義表單控制間的關(guān)系，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

輸入：


輸入：

給不想要提示的 from 或某個(gè) input 設(shè)置為 autocomplete=off。

WebSocket,SharedWorker;
也可以調(diào)用localStorage,cookies等本地存儲(chǔ)方式；

localStorage在另一個(gè)瀏覽器上下文里被添加、修改或刪除時(shí)，它都會(huì)觸發(fā)一個(gè)事件，我們通過(guò)監(jiān)聽(tīng)事件，控制它的值來(lái)進(jìn)行頁(yè)面信息通信。

通過(guò)visibilityState的值檢測(cè)頁(yè)面當(dāng)前是否可見(jiàn)，以及打開(kāi)網(wǎng)頁(yè)的時(shí)間等；
在頁(yè)面被切換到其他后臺(tái)進(jìn)程的時(shí)候，自動(dòng)暫停音樂(lè)或視頻播放

區(qū)分用戶是人還是計(jì)算機(jī)的自動(dòng)程序，可以防止惡意破解密碼，刷票，論壇灌水；
有效防止黑客對(duì)某個(gè)特定用戶用程序來(lái)進(jìn)行暴利破解登陸。

strong是表明重點(diǎn)內(nèi)容，有語(yǔ)氣加強(qiáng)的含義，使用閱讀設(shè)備閱讀網(wǎng)絡(luò)時(shí)，strong會(huì)重讀，而b是展示強(qiáng)調(diào)內(nèi)容。
i內(nèi)容顯示為斜體，em表示強(qiáng)調(diào)文本。