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

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

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離線存儲(chǔ)包含：應(yīng)用程序緩存（Application Cache）、本地存儲(chǔ)、索引數(shù)據(jù)庫、文件接口

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

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

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

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

localStorage

sessionStorage

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

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

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

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

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

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

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

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

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

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

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

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

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

看這里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是無連接的，一次請(qǐng)求，一次響應(yīng)。想要實(shí)現(xiàn)微信網(wǎng)頁版掃一掃登錄，網(wǎng)頁版微信聊天的功能，需要使用輪詢的方式達(dá)到長(zhǎng)連接的效果，輪詢的大部分時(shí)間是在做無用功，浪費(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)行研究。

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

參考文章：

HTML5新特性淺談

HTML5新增內(nèi)容