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)點(diǎn)歸來了：

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

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

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

4、 本地存儲；

5、 它還具備實(shí)時更新能力，用戶只需刷新便可獲得最新內(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ā)點(diǎn)雖好，但效果不 佳，因?yàn)楦挠肵HTML標(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錯過了這次機(jī)會，這塊新需求被瀏覽器插件滿足了，那就是Flash。

Adobe收購Macromedia后通過Flash攫取了大量的財(cái)富，這讓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的強(qiáng)勢拒絕，使得Adobe不得不宣布停止為移動設(shè)備開發(fā)Flash播放 器。這一年的HTML5風(fēng)頭正勁，據(jù)統(tǒng)計(jì)全球前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的體驗(yàn)。

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

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

筆者認(rèn)為，在2012年HTML5確實(shí)還不具備開發(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堅(jiān)定后盾的蘋果也不再允許純Web APP套 殼登錄App Store。

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

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

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

這個時機(jī)，筆者認(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á)到洗牌利益重新分配的目 的。它的強(qiáng)大，既是為了造福全球，也是為了擊敗競爭對手。就結(jié)果而言，巨頭們出于各自的目的造出了強(qiáng)大的HTML5。它的崛起，意味著變革將至。誰能在這 場變革中更好的利用它，誰便可以占得先機(jī)。

那么在這場變革中，我們又該如何看待呢？

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

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

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

本文轉(zhuǎn)自

>>查看更多網(wǎng)站開發(fā)、移動開發(fā)等相關(guān)資訊<<