14
【編者按】在Flash被疑即將淡出歷史舞臺的同時，HTML5最近卻在業(yè)內(nèi)火得一塌糊涂。雷鋒網(wǎng)作者鐘鑠是起源天澤的游戲制作人，在這篇文章中，他將從歷史的角度來鋪展HTML5的崛起之路——不只是勵志劇，還是宮斗劇。
HTML5火了。近兩年，瀏覽器廠商們紛紛宣布支持HTML5，開發(fā)商們紛紛宣布轉(zhuǎn)用HTML5開發(fā)產(chǎn)品，HTML5游戲廠商、HTML5游戲引擎提供商們也紛紛獲得了至少千萬級別的融資。
HTML5真的火了。那么HTML5究竟是什么呢？
眾所周知，我們的整個互聯(lián)網(wǎng)是由無數(shù)網(wǎng)頁組合而成的，而網(wǎng)頁的本質(zhì)就是超文本標(biāo)記語言HTML?？梢哉f，HTML正是互聯(lián)網(wǎng)的基石。
隨著時代的發(fā)展，我們對互聯(lián)網(wǎng)的需求越來越多，可作為基石的HTML標(biāo)準(zhǔn)卻還停留在上世紀(jì)90年代的HTML4上。
落后的技術(shù)無法滿足我們的需求，于是我們轉(zhuǎn)而借助第三方多媒體框架例如Flash，來讓我們的網(wǎng)站更加炫酷；我們又開發(fā)了各種APP，來讓我們可以在移動終端上享受互聯(lián)網(wǎng)服務(wù)。這時候，就像電影《大圣歸來》中的孫悟空一樣，HTML的第五次重大修改——
HTML5，帶著眾多的優(yōu)點歸來了：
1、 它使頁面可直接播放多媒體元素，你可以忘掉第三方插件了；
2、 它的Web屬性帶來跨平臺能力，一次開發(fā)，各系統(tǒng)各終端普遍適用；
3、 它更加語義化、標(biāo)準(zhǔn)化，更加易用；
4、 本地存儲；
5、 它還具備實時更新能力，用戶只需刷新便可獲得最新內(nèi)容；
6、 它使內(nèi)容可被搜索引擎檢索，利于SEO；
7、 相對原生APP而言，它使你的產(chǎn)品無需安裝，易于分發(fā)；
……
擁有這么多令人垂涎的優(yōu)勢，HTML5自然會火。那么是誰造就了HTML5？它又是怎么崛起的呢？
故事的開始是個悲劇。1997年，W3C（萬維網(wǎng)聯(lián)盟）發(fā)布HTML4后，宣布停止HTML的版本迭代演進(jìn)并解散了HTML工作組，轉(zhuǎn)向開發(fā)更為嚴(yán)謹(jǐn)?shù)腦HTML標(biāo)準(zhǔn)。原因是HTML標(biāo)準(zhǔn)太過“寬容”，即使你的HTML網(wǎng)頁里有幾處錯誤，瀏覽器依然會通過自動糾錯的方式保證頁面可以正確顯示。
因此，錯誤也就永遠(yuǎn)無人改正。而XHTML是嚴(yán)格的，不容許頁面存在錯誤。W3C試圖用嚴(yán)格的標(biāo)準(zhǔn)來使互聯(lián)網(wǎng)發(fā)展更加規(guī)范。出發(fā)點雖好，但效果不佳，因為改用XHTML標(biāo)準(zhǔn)將導(dǎo)致互聯(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上取得突破性進(jìn)展。于是為了盡快奪回Adobe搶占的市場，W3C決定停止XHTML的工作，轉(zhuǎn)而與WHATWG合作，共同推進(jìn)開發(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不得不宣布停止為移動設(shè)備開發(fā)Flash播放器。這一年的HTML5風(fēng)頭正勁，據(jù)統(tǒng)計全球前100的網(wǎng)站已有34%在使用HTML5。迪士尼也在這一年斥巨資收購了一家HTML5游戲引擎開發(fā)商，意圖打造HTML5游戲來避開蘋果App Store的控制和30%的分成。前途已經(jīng)一片光明HTML5，沒想到竟要經(jīng)歷一場巨大的風(fēng)暴。
很多大公司都在推動著HTML5的發(fā)展，其中以Facebook的扎克伯格最為瘋狂。作為技術(shù)極客的他誓要利用HTML5的Web APP來打破iOS和Android的壟斷。
Facebook加入W3C后，牽頭成立了MobileWeb工作組。這個小組的目標(biāo)是讓由HTML5開發(fā)的Web APP能夠達(dá)到原生APP的體驗。
與此同時Facebook用HTML5開發(fā)了自己的Web APP，希望這樣可以讓自己不會受到蘋果和Android的控制。但其結(jié)果卻是該Web APP的用戶體驗極差，與Twitter等競爭對手的原生APP相比差距巨大。
2012年，扎克伯格宣布Facebook應(yīng)用放棄HTML5部分，改為純原生方式開發(fā)。一句“押注HTML5是Facebook最大失誤”徹底將HTML5打入了冷宮。
筆者認(rèn)為，在2012年HTML5確實還不具備開發(fā)優(yōu)秀移動APP的能力。
一方面是外部條件不具備，比如硬件性能以及瀏覽器內(nèi)核對HTML5的支持程度不足；
一方面是HTML5技術(shù)本身還有不完善之處；
還有一方面是工程師的能力不足。
同年，HTML5的標(biāo)準(zhǔn)制定者W3C和WHATWG也表示無法繼續(xù)合作了。前者希望制定一個死的標(biāo)準(zhǔn)，頒布之后再不修改；后者希望標(biāo)準(zhǔn)能夠跟隨市場及技術(shù)的發(fā)展而動態(tài)調(diào)整。前者拉到了微軟撐腰，后者則有蘋果和Google支持。另外，原本一直是HTML5堅定后盾的蘋果也不再允許純Web APP套殼登錄App Store。
在滅掉Flash時HTML5為沖鋒槍，但移動端干掉Flash后，蘋果卻是要維護(hù)自身封閉生態(tài)系統(tǒng)的巨大利益的。因此細(xì)看之下HTML5的崛起之路其實不只是勵志劇，還是宮斗劇。
在經(jīng)歷了上述兩次巨震之后，HTML5著實沉默了一段時間。奚落者有之，嘲笑者有之，仿佛HTML5已死。但在此期間，HTML5依然顯現(xiàn)了強大的生命力。它所帶來的諸多優(yōu)勢始終吸引著開發(fā)者們繼續(xù)探索。
終于，在2014年10月底，W3C宣布HTML5歷時8年終于定稿。
這個時機，筆者認(rèn)為不早不晚，剛剛好：
首先，從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的關(guān)注。而且隨著各方條件的相繼備齊，HTML5顯露出了燎原之勢，徹底火了。
縱觀目前為止HTML5標(biāo)準(zhǔn)的發(fā)展歷程，可以說就是商業(yè)利益不斷博弈的過程。它的誕生，既是為了滿足人們的需求，也是為了達(dá)到洗牌利益重新分配的目的。它的強大，既是為了造福全球，也是為了擊敗競爭對手。就結(jié)果而言，巨頭們出于各自的目的造出了強大的HTML5。它的崛起，意味著變革將至。誰能在這場變革中更好的利用它，誰便可以占得先機。
那么在這場變革中，我們又該如何看待呢？
HTML5作為一套新的標(biāo)準(zhǔn)，代表著移動互聯(lián)網(wǎng)的趨勢和未來。幾乎所有人都能預(yù)見到它巨大的潛力。但它在各個領(lǐng)域具體是以怎樣的形態(tài)落地，如何改變?nèi)藗兊纳罨蚴歉淖冃袠I(yè)的業(yè)態(tài)，人們很難預(yù)測。這需要我們不斷地探索和思考。
HTML5的天花板有多高，正是由我們每一個從業(yè)者決定的。
HTML5崛起之路的后半程，就靠我們來完成了。
雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。
