HTML5火了。近兩年，瀏覽器廠商們紛紛宣布支持HTML5，開發(fā)商們紛紛宣布轉用HTML5開發(fā)產(chǎn)品，HTML5游戲廠商、HTML5游戲引擎提供商們也紛紛獲得了至少千萬級別的融資。

HTML5真的火了。那么HTML5究竟是什么呢?

眾所周知，我們的整個互聯(lián)網(wǎng)是由無數(shù)網(wǎng)頁組合而成的，而網(wǎng)頁的本質就是超文本標記語言HTML?？梢哉f，HTML正是互聯(lián)網(wǎng)的基石。

隨著時代的發(fā)展，我們對互聯(lián)網(wǎng)的需求越來越多，可作為基石的HTML標準卻還停留在上世紀90年代的HTML4上。

落后的技術無法滿足我們的需求，于是我們轉而借助第三方多媒體框架例如Flash，來讓我們的網(wǎng)站更加炫酷;我們又開發(fā)了各種APP，來讓我們可以在移動終端上享受互聯(lián)網(wǎng)服務。這時候，就像電影《大圣歸來》中的孫悟空一樣，HTML的第五次重大修改——

HTML5，帶著眾多的優(yōu)點歸來了：
1、 它使頁面可直接播放多媒體元素，你可以忘掉第三方插件了;
2、 它的Web屬性帶來跨平臺能力，一次開發(fā)，各系統(tǒng)各終端普遍適用;
3、 它更加語義化、標準化，更加易用;
4、 本地存儲;
5、 它還具備實時更新能力，用戶只需刷新便可獲得最新內容;
6、 它使內容可被搜索引擎檢索，利于SEO;
7、 相對原生APP而言，它使你的產(chǎn)品無需安裝，易于分發(fā);
……

擁有這么多令人垂涎的優(yōu)勢，HTML5自然會火。那么是誰造就了HTML5?它又是怎么崛起的呢?

故事的開始是個悲劇。1997年，W3C(萬維網(wǎng)聯(lián)盟)發(fā)布HTML4后，宣布停止HTML的版本迭代演進并解散了HTML工作組，轉向開發(fā)更為嚴謹?shù)腦HTML標準。原因是HTML標準太過“寬容”，即使你的HTML網(wǎng)頁里有幾處錯誤，瀏覽器依然會通過自動糾錯的方式保證頁面可以正確顯示。

因此，錯誤也就永遠無人改正。而XHTML是嚴格的，不容許頁面存在錯誤。W3C試圖用嚴格的標準來使互聯(lián)網(wǎng)發(fā)展更加規(guī)范。出發(fā)點雖好，但效果不佳，因為改用XHTML標準將導致互聯(lián)網(wǎng)99%的HTML網(wǎng)頁需要重寫。而Opera、Mozilla基金會、蘋果這些瀏覽器廠商則在2004年組建了民間組織WHATWG，開始嘗試在更加“寬容”的傳統(tǒng)HTML框架下，開發(fā)具備向后兼容性的下一代HTML。

就在W3C還在爭論是XHTML2還是HTML5的時候，互聯(lián)網(wǎng)格局已經(jīng)發(fā)生了變化。

2005年前后，隨著寬帶的普及和電腦性能的提升，人們不再滿足于僅用互聯(lián)網(wǎng)來看新聞和發(fā)郵件。

于是，消耗更高帶寬的娛樂形式，流視頻和網(wǎng)頁游戲誕生了。此時的HTML錯過了這次機會，這塊新需求被瀏覽器插件滿足了，那就是Flash。

Adobe收購Macromedia后通過Flash攫取了大量的財富，這讓Google、蘋果等作為W3C主席單位的各瀏覽器廠商很是不甘。

2006年10月，WHATWG在HTML上取得突破性進展。于是為了盡快奪回Adobe搶占的市場，W3C決定停止XHTML的工作，轉而與WHATWG合作，共同推進開發(fā)不需插件就能在移動端播放多媒體的下一代HTML。

2008年，第一個HTML5草案誕生。同年，IE、Chrome、FireFox、Safari幾大瀏覽器巨頭開始相繼支持HTML5。

到了2010年，喬布斯喬幫主公開封殺Flash，力挺HTML5，徹底遏制了Flash的發(fā)展。

移動互聯(lián)網(wǎng)時代的到來，使得HTML5的優(yōu)勢更加凸顯。

2011年，由于移動瀏覽器對HTML5的普遍支持，和iOS對Flash的強勢拒絕，使得Adobe不得不宣布停止為移動設備開發(fā)Flash播放器。這一年的HTML5風頭正勁，據(jù)統(tǒng)計全球前100的網(wǎng)站已有34%在使用HTML5。迪士尼也在這一年斥巨資收購了一家HTML5游戲引擎開發(fā)商，意圖打造HTML5游戲來避開蘋果App Store的控制和30%的分成。前途已經(jīng)一片光明HTML5，沒想到竟要經(jīng)歷一場巨大的風暴。

很多大公司都在推動著HTML5的發(fā)展，其中以Facebook的扎克伯格最為瘋狂。作為技術極客的他誓要利用HTML5的Web APP來打破iOS和Android的壟斷。

Facebook加入W3C后，牽頭成立了MobileWeb工作組。這個小組的目標是讓由HTML5開發(fā)的Web APP能夠達到原生APP的體驗。

與此同時Facebook用HTML5開發(fā)了自己的Web APP，希望這樣可以讓自己不會受到蘋果和Android的控制。但其結果卻是該Web APP的用戶體驗極差，與Twitter等競爭對手的原生APP相比差距巨大。

2012年，扎克伯格宣布Facebook應用放棄HTML5部分，改為純原生方式開發(fā)。一句“押注HTML5是Facebook最大失誤”徹底將HTML5打入了冷宮。

筆者認為，在2012年HTML5確實還不具備開發(fā)優(yōu)秀移動APP的能力。

一方面是外部條件不具備，比如硬件性能以及瀏覽器內核對HTML5的支持程度不足;

一方面是HTML5技術本身還有不完善之處;

還有一方面是工程師的能力不足。

同年，HTML5的標準制定者W3C和WHATWG也表示無法繼續(xù)合作了。前者希望制定一個死的標準，頒布之后再不修改;后者希望標準能夠跟隨市場及技術的發(fā)展而動態(tài)調整。前者拉到了微軟撐腰，后者則有蘋果和Google支持。另外，原本一直是HTML5堅定后盾的蘋果也不再允許純Web APP套殼登錄App Store。

在滅掉Flash時HTML5為沖 鋒 槍，但移動端干掉Flash后，蘋果卻是要維護自身封閉生態(tài)系統(tǒng)的巨大利益的。因此細看之下HTML5的崛起之路其實不只是勵志劇，還是宮斗劇。

在經(jīng)歷了上述兩次巨震之后，HTML5著實沉默了一段時間。奚落者有之，嘲笑者有之，仿佛HTML5已死。但在此期間，HTML5依然顯現(xiàn)了強大的生命力。它所帶來的諸多優(yōu)勢始終吸引著開發(fā)者們繼續(xù)探索。

終于，在2014年10月底，W3C宣布HTML5歷時8年終于定稿。



這個時機，筆者認為不早不晚，剛剛好：

首先，從2011年iPhone4S的A5處理器，到現(xiàn)在iPhone6的A8處理器，按蘋果官方的說法，速度提升了約7.5倍。這7.5倍的速度提升，抹平了太多的性能問題;

其次，蘋果、Android兩大系統(tǒng)及各個瀏覽器經(jīng)過時間的沉淀對HTML5的支持也越來越好;

最后，經(jīng)過時間的積累，有大量的HTML5開發(fā)引擎和工具在2014年涌現(xiàn)出來，為HTML5的爆發(fā)鋪平了道路。

如今，隨著《圍住神經(jīng)貓》刷爆朋友圈，人們又開始了對HTML5的關注。而且隨著各方條件的相繼備齊，HTML5顯露出了燎原之勢，徹底火了。

縱觀目前為止HTML5標準的發(fā)展歷程，可以說就是商業(yè)利益不斷博弈的過程。它的誕生，既是為了滿足人們的需求，也是為了達到洗牌利益重新分配的目的。它的強大，既是為了造福全球，也是為了擊敗競爭對手。就結果而言，巨頭們出于各自的目的造出了強大的HTML5。它的崛起，意味著變革將至。誰能在這場變革中更好的利用它，誰便可以占得先機。

那么在這場變革中，我們又該如何看待呢?
HTML5作為一套新的標準，代表著移動互聯(lián)網(wǎng)的趨勢和未來。幾乎所有人都能預見到它巨大的潛力。但它在各個領域具體是以怎樣的形態(tài)落地，如何改變人們的生活或是改變行業(yè)的業(yè)態(tài)，人們很難預測。這需要我們不斷地探索和思考。

HTML5的天花板有多高，正是由我們每一個從業(yè)者決定的。

HTML5崛起之路的后半程，就靠我們來完成了。