摘要：是對標(biāo)準(zhǔn)的第五次修訂。新特性語義特性賦予網(wǎng)頁更好的意義和結(jié)構(gòu)文件類型聲明僅有一型。新的屬性用于與用于用于。索引數(shù)據(jù)庫從本質(zhì)上說，允許用戶在瀏覽器中保存大量的數(shù)據(jù)。

HTML5 是對 HTML 標(biāo)準(zhǔn)的第五次修訂。其主要的目標(biāo)是將互聯(lián)網(wǎng)語義化，以便更好地被人類和機(jī)器閱讀，并同時提供更好地支持各種媒體的嵌入。HTML5 的語法是向后兼容的?，F(xiàn)在國內(nèi)普遍說的 H5 是包括了 CSS3，JavaScript 的說法（嚴(yán)格意義上說，這么叫并不合適，但是已經(jīng)這么叫開了，就將錯就錯了）。

HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)

文件類型聲明（）僅有一型：。

新的解析順序：不再基于SGML。

新的元素：section, video, progress, nav, meter, time, aside, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, output, rp, rt, ruby, source, summary, wbr。

input元素的新類型：date, email, url等等。

新的屬性：ping（用于a與area）, charset（用于meta）, async（用于script）。

全域?qū)傩裕篿d, tabindex, repeat。

新的全域?qū)傩裕篶ontenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。

移除元素：acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt。

HTML5離線存儲包含：應(yīng)用程序緩存（Application Cache）、本地存儲、索引數(shù)據(jù)庫、文件接口

通過創(chuàng)建cache manifest文件，可以輕松的創(chuàng)建web應(yīng)用的離線版本
其優(yōu)勢在于：

離線瀏覽-用戶可在應(yīng)用離線時使用它們

速度-已緩存靜態(tài)資源，使加載更快

減少服務(wù)器負(fù)載-瀏覽器將只存服務(wù)器下載更新過或修改過的資源

localStorage

sessionStorage

從名字上看就可以很清楚的辨認(rèn)兩者的區(qū)別，前者是一直存在本地的，后者只是伴隨著session，窗口一旦關(guān)閉就沒了。

從本質(zhì)上說，IndexedDB允許用戶在瀏覽器中保存大量的數(shù)據(jù)。任何需要發(fā)送大量數(shù)據(jù)的應(yīng)用都可以得益于這個特性，可以把數(shù)據(jù)存儲在用戶的瀏覽器端。當(dāng)前這只是IndexedDB的其中一項(xiàng)功能，IndexedDB也提供了強(qiáng)大的基于索引的搜索api功能以獲得用戶所需要的數(shù)據(jù)。

用戶可能會問：IndexedDB是和其他以前的存儲機(jī)制(如cookie,session)有什么不同？

Cookies是最常用的瀏覽器端保存數(shù)據(jù)的機(jī)制,但其保存數(shù)據(jù)的大小有限制并且有隱私問題。Cookies并且會在每個請求中來回發(fā)送數(shù)據(jù)，完全沒辦法發(fā)揮客戶端數(shù)據(jù)存儲的優(yōu)勢。

再來看下Local Storage本地存儲機(jī)制的特點(diǎn)。Local Storage在HTML 5中有不錯的支持，但就總的存儲量而言依然是有所限制的。Local Storage并不提供真正的“檢索API”,本地存儲的數(shù)據(jù)只是通過鍵值對去訪問。Local Storage對于一些特定的需要存儲數(shù)據(jù)的場景是很適合的，例如，用戶的喜好習(xí)慣，而IndexedDB則更適合存儲如廣告等數(shù)據(jù)（它更象一個真正的數(shù)據(jù)庫）。

一般來說,有兩種不同類型的數(shù)據(jù)庫:關(guān)系型和文檔型(也稱為NoSQL或?qū)ο?。關(guān)系數(shù)據(jù)庫如SQL Server,MySQL,Oracle的數(shù)據(jù)存儲在表中。文檔數(shù)據(jù)庫如MongoDB,CouchDB,Redis將數(shù)據(jù)集作為個體對象存儲。IndexedDB是一個文檔數(shù)據(jù)庫，它在完全內(nèi)置于瀏覽器中的一個沙盒環(huán)境中(強(qiáng)制依照（瀏覽器）同源策略)。

對數(shù)據(jù)庫的每次操作，描述為通過一個請求打開數(shù)據(jù)庫,訪問一個object store，再繼續(xù)。

IndexedDB是否適合應(yīng)用程序的幾個關(guān)鍵點(diǎn)

你的用戶通過瀏覽器訪問您的應(yīng)用程序,（瀏覽器）支持IndexedDB API嗎 ?

你需要存儲大量的數(shù)據(jù)在客戶端?

你需要在一個大型的數(shù)據(jù)集合中快速定位單個數(shù)據(jù)點(diǎn)?

你的架構(gòu)在客戶端需要事務(wù)支持嗎?

如果你對其中的任何問題回答了“是的”,很有可能,IndexedDB是你的應(yīng)用程序的一個很好的候選。

看這里http://www.cnblogs.com/zichi/p/html5-file-api.html

包括地理位置API、媒體訪問API、訪問聯(lián)系人及事件、設(shè)備方向

看這里https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/Using_geolocation

看這里https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

看這里 https://blog.csdn.net/qq_27626333/article/details/51815229

看這里 https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation

HTTP是無連接的，一次請求，一次響應(yīng)。想要實(shí)現(xiàn)微信網(wǎng)頁版掃一掃登錄，網(wǎng)頁版微信聊天的功能，需要使用輪詢的方式達(dá)到長連接的效果，輪詢的大部分時間是在做無用功，浪費(fèi)網(wǎng)絡(luò)，浪費(fèi)資源。現(xiàn)在HTML5為我們帶來了更高效的連接方案 Web Sockets 和Server-Sent Events。

HTML5支持原生的音視頻能力：Audio、video

大致包含SVG, Canvas, WebGL, 和 CSS3 3D，下面分別進(jìn)行研究。

性能與集成特性主要包括兩個東西，Web Workers 和 XMLHttpRequest 2。

參考文章：

HTML5新特性淺談

HTML5新增內(nèi)容