前言：借用司徒大大的一條微博
官方：HTML5概念
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，現(xiàn)在仍處于發(fā)展階段，但大部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。HTML 5有兩大特點：首先，強化了 Web 網(wǎng)頁的表現(xiàn)性能。其次，追加了本地數(shù)據(jù)庫等 Web 應(yīng)用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)。
現(xiàn)狀
現(xiàn)在的互聯(lián)網(wǎng)圈開口閉口就談H5，朋友圈里被廣泛轉(zhuǎn)發(fā)的是H5，各種招聘要求精通H5，隨著市場需求量，出現(xiàn)了H5工程師職位，隨即涌現(xiàn)出一大批H5工程師，H5的字眼甚至出現(xiàn)在設(shè)計師的簡歷中。仿佛手機端的html布局就叫做H5。
絕大多數(shù)人口中的H5到底是什么？
2015堪稱H5元年，各大企業(yè)、品牌都紛紛把目光投向了HTML5，一夜間各式各樣的H5如雨后春筍般冒出，創(chuàng)意、招式層出不窮。然而辛辛苦苦做了一年H5，成品很多，真正能火的卻沒有幾個。這不禁讓許多品牌方陷入深思：到底怎樣才能把一個H5玩到極致，達到有效的傳播效果？
實際上，一個成功的H5營銷必須具備三個因素：洞察人性、高可玩性、品牌巧露出。近日，一個刷爆朋友圈的“全球爆猛料”H5游戲正是完全符合了以上三點，一夜成“網(wǎng)紅”。
如果用五個詞語形容當(dāng)今網(wǎng)友的特性，那就是：趣味、炫耀、參與感、好玩、跟風(fēng)。只有深諳人性，對癥下藥，才能做出讓用戶自主愿意二次傳播的H5。
所以，綜上所述，人們口中的H5指的不是HTML5，而是**某種在微信****等移動端看上去酷炫能****夠提升公司格調(diào)順便亮瞎訪問者鈦合金狗眼頓升膜拜之心****就算沒有內(nèi)容也能被廣泛轉(zhuǎn)發(fā)分享的一種東西。是營銷概念中的H5.
我（前端開發(fā)人員）眼里的H5
目標(biāo)：
HTML5的目標(biāo)是為了能夠創(chuàng)建更簡單的Web程序，書寫出更簡潔的HTML代碼。例如：為了使Web應(yīng)用程序的開發(fā)變得更加容易，提供了很多的API；為了使HTMl變得更簡潔，開發(fā)出了新的屬性、元素等等?？傮w來說，為下一代Web平臺提供了許許多多的新功能以及新標(biāo)準(zhǔn)。
HTML5深受歡迎的理由
H5被說成是劃時代也好，具有革命性也好，如果不能被業(yè)界承認(rèn)并且大面積的推廣使用，這些都是沒有意義的。事實上，H5已經(jīng)被世界知名瀏覽器廠商所支持。
1、時代的要求。
現(xiàn)在的時代已經(jīng)迫切的要求有一個統(tǒng)一的互聯(lián)網(wǎng)通用標(biāo)準(zhǔn)。H5出現(xiàn)之前的情況是，由于各瀏覽器之間的不同意，光是修改Web瀏覽器之間的兼容性而引起的bug就浪費了大量的時間。而H5得出現(xiàn)使得Web開發(fā)進入一個新的時代，在這個平臺上，視頻、音頻、圖像、動畫、以及同電腦的交互都被標(biāo)準(zhǔn)化。
2、IE8的支持。
IE對于web開發(fā)者的意義，大家都懂的?，F(xiàn)在市場份額最高的IE瀏覽器也在針對H他做出積極對應(yīng)，微軟也對新的互聯(lián)網(wǎng)通用標(biāo)準(zhǔn)表示了贊同和支持。例如：
h5中代替cookie的sessionStorage功能與globalStorage功能在ie8得到了支持，使用ajax時如果點擊返回按鈕也可以真正讓操作返回了。
H5要解決的三個問題
1、web瀏覽器之間的差異和兼容性。
2、舊的標(biāo)準(zhǔn)文檔結(jié)構(gòu)不夠明確。
3、web應(yīng)用程序的功能收到了限制。
H5新標(biāo)準(zhǔn)知識點羅列
1、新增元素/屬性廢除元素/屬性、布局結(jié)構(gòu)。
2、原生表單驗證
3、canvas繪制圖形（多用于數(shù)據(jù)可視化）
4、多媒體相關(guān)API（video、audio）
5、History Api歷史記錄（用于前端路由管理）
6、本地存儲（web storage、indexedDb數(shù)據(jù)庫）
7、離線應(yīng)用程序（瀏覽器與服務(wù)器交互）
8、文件API（filelist對象、blob對象、filereader對象、Base64編碼支持）
9、通信API（跨文檔消息傳輸、webSockets通信）
10、WebRtc通信（瀏覽器檢測、P2P通信、穿越防火墻、多人通信等）
11、拓展的XMLHttpRequest Api（跨域）
12、Web Workers線程處理
13、獲取地理位置
14、拖放API與通知API
等等
正因為有這些功能API的增強，H5可以做的事情越來越多，后續(xù)的文章里將會對上面提到的知識點進行由淺入深的講解。有需要的同學(xué)可以持續(xù)關(guān)注，如有錯誤還請指出。謝謝~
