[[141431]]

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

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

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

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

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

HTML5，帶著眾多的優(yōu)點(diǎn)歸來(lái)了：

1、 它使頁(yè)面可直接播放多媒體元素，你可以忘掉第三方插件了；

2、 它的Web屬性帶來(lái)跨平臺(tái)能力，一次開(kāi)發(fā)，各系統(tǒng)各終端普遍適用；

3、 它更加語(yǔ)義化、標(biāo)準(zhǔn)化，更加易用；

4、 本地存儲(chǔ)；

5、 它還具備實(shí)時(shí)更新能力，用戶只需刷新便可獲得最新內(nèi)容；

6、 它使內(nèi)容可被搜索引擎檢索，利于SEO；

7、 相對(duì)原生APP而言，它使你的產(chǎn)品無(wú)需安裝，易于分發(fā)；

……

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

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

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

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

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

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

Adobe收購(gòu)Macromedia后通過(guò)Flash攫取了大量的財(cái)富，這讓Google、蘋(píng)果等作為W3C主席單位的各瀏覽器廠商很是不甘。

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

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

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

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

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

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

Facebook加入W3C后，牽頭成立了MobileWeb工作組。這個(gè)小組的目標(biāo)是讓由HTML5開(kāi)發(fā)的Web APP能夠達(dá)到原生APP的體驗(yàn)。

與此同時(shí)Facebook用HTML5開(kāi)發(fā)了自己的Web APP，希望這樣可以讓自己不會(huì)受到蘋(píng)果和Android的控制。但其結(jié)果卻是該Web APP的用戶體驗(yàn)極差，與Twitter等競(jìng)爭(zhēng)對(duì)手的原生APP相比差距巨大。

2012年，扎克伯格宣布Facebook應(yīng)用放棄HTML5部分，改為純?cè)绞介_(kāi)發(fā)。一句“押注HTML5是Facebook最大失誤”徹底將HTML5打入了冷宮。

筆者認(rèn)為，在2012年HTML5確實(shí)還不具備開(kāi)發(fā)優(yōu)秀移動(dòng)APP的能力。

一方面是外部條件不具備，比如硬件性能以及瀏覽器內(nèi)核對(duì)HTML5的支持程度不足；

一方面是HTML5技術(shù)本身還有不完善之處；

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

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

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

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

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

這個(gè)時(shí)機(jī)，筆者認(rèn)為不早不晚，剛剛好：

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

其次，蘋(píng)果、Android兩大系統(tǒng)及各個(gè)瀏覽器經(jīng)過(guò)時(shí)間的沉淀對(duì)HTML5的支持也越來(lái)越好；

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

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

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

那么在這場(chǎng)變革中，我們又該如何看待呢？

HTML5作為一套新的標(biāo)準(zhǔn)，代表著移動(dòng)互聯(lián)網(wǎng)的趨勢(shì)和未來(lái)。幾乎所有人都能預(yù)見(jiàn)到它巨大的潛力。但它在各個(gè)領(lǐng)域具體是以怎樣的形態(tài)落地，如何改變?nèi)藗兊纳罨蚴歉淖冃袠I(yè)的業(yè)態(tài)，人們很難預(yù)測(cè)。這需要我們不斷地探索和思考。

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

HTML5崛起之路的后半程，就靠我們來(lái)完成了。