HTML5:站在Web前端開發(fā)的十字路口

唐大中

用“太熱鬧”來形容HTML 5也許并不為過，用“集千寵萬愛于一身”來比喻HTML 5也毫不夸張。當(dāng)前，無論是IE、Chrome、Firefox、Opera這些瀏覽器大佬，還是移動巨頭蘋果，都將繡球拋給了HTML 5，HTML5時代真的已經(jīng)來臨？還是站在Web前端開發(fā)的十字路口？

Flash投降

近十多年來，F(xiàn)lash一直是網(wǎng)頁展示多媒體內(nèi)容的標(biāo)準(zhǔn)格式，也是Adobe公司除PhotoShop等產(chǎn)品以外最重要的盈利手段之一。Flash動畫曾經(jīng)風(fēng)靡一時，用Flash制作的網(wǎng)絡(luò)廣告至今還隨處可見，而上傳到眾多視頻網(wǎng)站的視頻，早期絕大多數(shù)也都是Flash格式。

Flash技術(shù)的興起源自上世紀(jì)90年代中后期的瀏覽器大戰(zhàn)。當(dāng)時，網(wǎng)景和微軟都憑借各自的瀏覽器爭奪市場，但激烈的競爭卻導(dǎo)致網(wǎng)絡(luò)內(nèi)容發(fā)布商遭遇了不同瀏覽器間的兼容問題。于是，為超越對手，網(wǎng)景和微軟都在瀏覽器中整合了專有技術(shù)，“擴展”了原有的技術(shù)標(biāo)準(zhǔn)，以便讓網(wǎng)站在終端用戶面前顯得有所不同，結(jié)果造成了各個瀏覽器中的顯示效果不一，給網(wǎng)站開發(fā)者和用戶帶來了困惑。

這一困惑卻讓一家名為Macromedia的公司發(fā)現(xiàn)了機遇，開發(fā)了Flash并被Adobe公司所收購。Flash技術(shù)從誕生之日起，就以一個統(tǒng)一解決方案的面貌出現(xiàn)，被廣泛應(yīng)用在網(wǎng)頁和網(wǎng)絡(luò)多媒體制作，使網(wǎng)頁變得豐富多彩，不再是單調(diào)的不同粗細(xì)、不同大小的文字或圖片，在當(dāng)時鮮有能與Flash匹敵的同類技術(shù)。

但技術(shù)的洪流總是滾滾向前，十多年之后，當(dāng)移動設(shè)備成為上網(wǎng)和娛樂的主流設(shè)備時，F(xiàn)lash的問題開始變得越發(fā)嚴(yán)重，太耗電的問題使得手機和平板電腦沒有足夠的電力續(xù)航。另外，F(xiàn)lash還占用太多移動設(shè)備內(nèi)存資源。于是，Adobe公司無奈宣布放棄在手機等移動設(shè)備上對Flash的支持，將不會再對此投入任何資源。

于是，那些需要在移動互聯(lián)網(wǎng)時代爭奪話語權(quán)的大公司們開始蠢蠢欲動，尋找Flash的接班人。2010年2月起，隨著iPad的推出，蘋果率先宣布了Flash在移動設(shè)備上的“死刑”，轉(zhuǎn)而支持新的網(wǎng)頁格式，緊隨其后的是Google和微軟，Chrome瀏覽器全面轉(zhuǎn)向新的網(wǎng)頁格式，甚至專門推出采用新技術(shù)的網(wǎng)頁程序商店。在微軟下一代操作系統(tǒng)的瀏覽器界面中，也不會再支持那些需要安裝特定插件才能運行的技術(shù)，包括Flash。

這些大佬們共同將新的支持對象指向了HTML5，隨著Adobe在移動設(shè)備上對Flash的主動放棄，甚至連Adobe自己都推出了基于HTML5的開發(fā)工具“Edge”，HTML5離成為未來網(wǎng)頁新標(biāo)準(zhǔn)的那一天已越來越近?！癋lash是一個插件，用以彌補HTML4在視頻和圖像處理等方面的不足，相比較而言HTML5是一套完整的網(wǎng)頁語言，隨著HTML5的不斷更新，網(wǎng)頁富媒體處理和對硬件調(diào)用能力的不斷增強，HTML5技術(shù)遲早會取代Flash?！币晃粯I(yè)內(nèi)人士表示。

Web前端開發(fā)的十字路口

HTML標(biāo)準(zhǔn)自1999年12月發(fā)布 4.01版本 后，后繼的 HTML 5 和其他標(biāo)準(zhǔn)均被束之高閣，為推動Web標(biāo)準(zhǔn)化的發(fā)展，一些公司聯(lián)合成立了一個名為“Web Hypertext Application Technology Working Group”（Web 超文本應(yīng)用技術(shù)工作組，WHATWG） 的組織。HTML5草案的前身名為 Web Applications 1.0，于2004年由WHATWG提出并在2007年被 W3C 接納，成立了新的 HTML 工作團(tuán)隊。

HTML 5 的第一份正式草案已于2008年1月22日公布，最引人注意的兩大特點在于強化了 Web 網(wǎng)頁的表現(xiàn)性能和追加了本地數(shù)據(jù)庫等 Web 應(yīng)用功能。對于國內(nèi)的開發(fā)市場而言，HTML5有著深遠(yuǎn)的意義。App Store和安卓市場在美國占據(jù)絕對的統(tǒng)治地位，形成了一個良性的付費市場，而中國的應(yīng)用商店目前還沒有盈利模式。因此，網(wǎng)頁應(yīng)用的開發(fā)者從某種程度上通過HTML5可不需要依托應(yīng)用商店來代替收費，開發(fā)者和用戶之間完全可借助第三方支付完成交易。

較之上一代HTML標(biāo)準(zhǔn)，HTML5為開發(fā)者們提供了完整的平臺，不需要借助任何插件，除最基礎(chǔ)的音頻和視頻以外，還支持更多交互功能以及多線程處理等全新特征。這些特征在理論上使瀏覽器成為了一種通用的計算平臺，即用戶無需離開瀏覽器就能完成一切任務(wù)。不但如此，消費者還可訪問以遠(yuǎn)程方式存儲在“云”中的各種內(nèi)容，且不受位置和設(shè)備的限制。

開發(fā)者對HTML5可跨平臺開發(fā)的優(yōu)點也大為追捧，意味著可利用這一技術(shù)為各種智能手機、平板電腦和PC開發(fā)完全兼容的產(chǎn)品，而不用專門針對特定硬件或在線商店進(jìn)行修改。無論是蘋果iOS、Google Android還是微軟Windows Phone，甚至是黑莓手機操作系統(tǒng)也無妨，用戶只要打開瀏覽器就能使用程序，這使得開發(fā)者們可在最大范圍內(nèi)推廣自己的產(chǎn)品。

正是這些特征，使在網(wǎng)頁上實現(xiàn)大型程序的復(fù)雜效果成為了可能。因此，HTML5不僅有利于開發(fā)，也有利于維護(hù)。關(guān)鍵在于HTML5在手機等移動設(shè)備上表現(xiàn)得比Flash更高效、更節(jié)省電力。蘋果公司創(chuàng)始人喬布斯就曾提到，用Flash觀看視頻的耗電量幾乎是用HTML5觀看視頻的兩倍。

不過，即使目前HTML 5的優(yōu)點正在被很多公司、組織和個人大吹大擂，但Web前端開發(fā)者不能不靜下心來沉思，原因在于各大瀏覽器對HTML 5的支持良莠不齊，且移動互聯(lián)網(wǎng)領(lǐng)域原本就是一個標(biāo)準(zhǔn)不統(tǒng)一的行業(yè)，HTML 5自身還沒有一個統(tǒng)一的標(biāo)準(zhǔn)，因此一個Web前端開發(fā)的十字路口正在形成。

瀏覽器，準(zhǔn)備好了嗎？

和很多重要的應(yīng)用技術(shù)一樣，HTML5在普及和應(yīng)用前總要經(jīng)歷一段很長時間的積累期。HTML5技術(shù)新標(biāo)準(zhǔn)自2008年第一版標(biāo)準(zhǔn)推出以來已沉寂了3年，但始終沒有一個最終標(biāo)準(zhǔn)，這是HTML5不能被廣泛應(yīng)用的最大原因，甚至業(yè)內(nèi)有人表示這套標(biāo)準(zhǔn)在2022年才會最終敲定，不過有了蘋果、谷歌等大佬的推動，可能這一時間將被大大提前。

蘋果Safari瀏覽器一經(jīng)推出后，喬布斯就宣布只支持HTML5，將Flash技術(shù)拒之門外。在PC領(lǐng)域，谷歌Chrome瀏覽器對HTML5支持最為出色，影響力最大，此外微軟也宣布將支持HTML5技術(shù)，而IE這個PC瀏覽器的王者加入無疑會使HTML5這團(tuán)火燒得更旺。由此可見，雖然這項屬于“未來”的技術(shù)還沒有一項真正成文的標(biāo)準(zhǔn)，但是思想?yún)s已經(jīng)走在了標(biāo)準(zhǔn)前面。

目前，移動互聯(lián)網(wǎng)正經(jīng)歷著和PC互聯(lián)網(wǎng)相同的發(fā)展歷程，大致可分為三個階段：從2000年到2004年是第一個階段，一切以瀏覽器為中心，應(yīng)用也很簡單；第二個階段是從2004年到2007年，PC上應(yīng)用軟件開始大行其道；第三個階段也就是今天，90%的流量通過瀏覽器。HTML5將使得用戶的瀏覽器使用習(xí)慣延伸到移動終端，而這也會徹底改變移動應(yīng)用的市場格局，作為網(wǎng)頁通用入口的手機瀏覽器將起著越來越重要的作用。瀏覽器本身是一款應(yīng)用，但由于技術(shù)的限制，這款應(yīng)用一直被當(dāng)作是文字內(nèi)容的入口。隨著各種網(wǎng)站獨立客戶端的出現(xiàn)，這種內(nèi)容入口的作用又被大大削弱了。此時，HTML5從某種意義來說拯救了手機瀏覽器，不僅讓許多應(yīng)用可以回歸于網(wǎng)頁，更可能將功能擴大化，在手機網(wǎng)頁上呈現(xiàn)更為多樣的富媒體形式。此外，造成瀏覽器大翻盤的原因首先是電腦上裝了太多軟件，爆發(fā)安全問題，其次是第三方應(yīng)用需要開發(fā)的標(biāo)準(zhǔn)化，無法為所有軟件獨立開發(fā)插件；最后一個原因是瀏覽器整合能力的提升。

由于HTML5的發(fā)展還沒有統(tǒng)一的標(biāo)準(zhǔn)，各個瀏覽器的廠商支持的力度也不盡相同。谷歌收購摩托羅拉從一定意義上來說將推動HTML5的發(fā)展，通過硬件廠商和軟件廠商的深度結(jié)合，使摩托羅拉可能會在Android的平臺上產(chǎn)生新的升級，也可能會直接把Chrome瀏覽器捆綁在摩托羅拉的手機，那么HTML5的應(yīng)用會迅速地爆發(fā)，因為谷歌的Chrome是所有瀏覽器中最勇于創(chuàng)新的，走在了HTML5技術(shù)應(yīng)用的最前面。業(yè)內(nèi)人士表示，瀏覽器是與生俱來跑網(wǎng)頁的，隨著HTML5的出現(xiàn)，現(xiàn)在瀏覽器要加強跑應(yīng)用的能力了。HTML5的到來將為手機瀏覽器帶來一個新的發(fā)展契機，將會成為手機瀏覽器從第二階段過渡到第三階段的關(guān)鍵因素。

后HTML5時代：原生應(yīng)用VS網(wǎng)頁應(yīng)用

“原生應(yīng)用和網(wǎng)頁應(yīng)用未來也許沒有一個清晰的界定，網(wǎng)頁應(yīng)用可以套一個殼而變成獨立App的形態(tài)，原生應(yīng)用中的一個按鈕在你不知道的情況下也許點進(jìn)就是一個網(wǎng)站的鏈接?！币晃粯I(yè)內(nèi)人士表示，原生應(yīng)用現(xiàn)階段仍然占市場的統(tǒng)治地位，從用戶的角度，隨著數(shù)量的不斷增多，用戶很難在幾十萬的應(yīng)用程序中找到自己想要的，顯然這種需求僅憑應(yīng)用商店那幾十個推薦位是遠(yuǎn)遠(yuǎn)無法滿足的。這是由原生應(yīng)用本身的封閉性造成的，每一個應(yīng)用程序都是一個圍墻，由于搜索引擎看不到里面的數(shù)據(jù)，因此不能做到精確的搜索。只有網(wǎng)頁才能做到精確的搜索，因為Web是一個基于網(wǎng)頁語言開發(fā)的開放標(biāo)準(zhǔn)。

HTML5技術(shù)對軟件開發(fā)者的最大吸引力來自于網(wǎng)頁應(yīng)用的跨平臺性，不僅如此，HTML5語言相比較原生應(yīng)用的技術(shù)門檻更低。網(wǎng)頁應(yīng)用對于用戶最大的便利是無需下載，不用安裝，所有數(shù)據(jù)都在“云”端。由于HTML5的應(yīng)用是跨平臺的，因此從理論上用戶在家中PC上玩游戲，只要按下暫停鍵，就可在地鐵上用手機接著玩，給人們提供了無限的想象空間。

但即便有如此多的好處，原生應(yīng)用也不見得一定會被網(wǎng)頁應(yīng)用所取代，至少現(xiàn)階段HTML5的發(fā)展并不能完全滿足開發(fā)者對效果的追求，原生應(yīng)用的運行速度和使用感受依然比網(wǎng)頁應(yīng)用要好。造成這種差異的重要原因是原生應(yīng)用可以調(diào)用手機設(shè)備的硬件，而網(wǎng)頁應(yīng)用卻無法做到。

“不管是原生應(yīng)用還是網(wǎng)頁應(yīng)用，關(guān)鍵的問題是運行在系統(tǒng)還是瀏覽器中，不同的應(yīng)用適用于不同的形式，那些聯(lián)網(wǎng)性的應(yīng)用長期來看一定會跑在瀏覽器上?！睒I(yè)內(nèi)人士表示，HTML5將使得Adobe Flash技術(shù)顯得很多余，因為HTML5的開放，Web標(biāo)準(zhǔn)提供了除Flash之外的富媒體網(wǎng)絡(luò)內(nèi)容發(fā)布方法。但也有另一些業(yè)內(nèi)人士表示，HTML5的缺點很明顯，特別是由于其目前仍處于草案階段，瀏覽器兼容性差，而且開發(fā)模式單一，目前基本只靠記事本開發(fā)。相比之下，F(xiàn)lash的優(yōu)點在于普及率高，而且依靠多年的積累，眾多設(shè)計人員和開發(fā)者集中在Flash平臺，有效地解決了瀏覽器的兼容性問題，可以提供有效的開發(fā)方案。

對于消費者而言，以 Web 為中心象征著朝向真正的“智能”設(shè)備邁出的重要一步，“智能”設(shè)備能夠在任何地方提供同樣簡單、相關(guān)和個性化的體驗。消費者行為的這些變化可能會影響電信、媒體、技術(shù)乃至廣告等諸多行業(yè)的經(jīng)濟法則。在一個內(nèi)容無處不在的世界里，操作系統(tǒng)與 Web 瀏覽器對制作并分發(fā)軟件和應(yīng)用的相對重要性也在變化，這對后來跟進(jìn)的參與者會有什么樣的影響。

“演出開始了！”歷史總是這樣，不可避免的出現(xiàn)輪回。而現(xiàn)在，正是新一代登場亮相的時間。