HTML 5 VS Flash 誰是海賊王？
原創(chuàng)一 兩年前，HTML5似乎還是一個模糊的概念，只有少數(shù)幾個互聯(lián)網(wǎng)的書呆子才會關(guān)心。而現(xiàn)在，卻感覺仿佛HTML5無所不在了。感謝Mozilla和 Chrome的快速發(fā)布，以及微軟IE9的部署(IE 10現(xiàn)在也處于“技術(shù)預(yù)覽”狀態(tài)了)，HTML5仿佛一夜間受到大多業(yè)內(nèi)巨頭的青睞，有點像《海賊王》里面的路飛，雖然未成長到足夠強大，但仿佛人們都已經(jīng)看到了他的未來，陸續(xù)對他伸出了友誼之手。若說HTML 5是路飛，那Flash就是世界政府，占據(jù)著97%以上的市場份額，不管你恨或者不恨，他就在那里，傲世Web前端。新生革命軍HTML 5的使命是彌補上一代 HTML 的不足，具體說，是實現(xiàn) Flash, Silverlight, JavaFX 所能實現(xiàn)的功能。HTML 5，這個 HTML 明日之星既然想改變Web 應(yīng)用的游戲規(guī)則，那么和Flash就必有一戰(zhàn)。
51CTO推薦專題：HTML 5 VS Flash 誰是海賊王？
什么是HTML 5?
根據(jù)維基百科上的解釋，HTML 5 的前身是 Web Applications 1.0，由 WHATWG 于2004年提出。2007年，它被 W3C 接納，并于2008年1月22日發(fā)布第一份正式草案。
以下摘錄自維基百科的文字介紹了 HTML 5 的特點和與 HTML4 的差別：
◆ 新應(yīng)用程序接口(API)
◆ 即時二維繪圖
◆ 定時媒體播放
◆ 儲存
◆ 離線
◆ 編輯
◆ 拖放
◆ 通訊/網(wǎng)絡(luò)
◆ 后退按鈕管理
◆ MIME 和協(xié)議處理程序時表頭登記
與 HTML 4 的不同之處
◆ 新的解析順序
◆ 新的元素：section, video, progress, nav, meter, time, aside, canvas
◆ input 元素的新屬性：日期和時間，email, url
◆ 新的通用屬性：ping, charset, async
◆ 全域?qū)傩裕篿d, tabindex, repeat
◆ 移除元素：center, font, u, strike, s, frameset, frame, applet
HTML 5 與 Flash之爭：Flash將被取代?
喬布斯是傳奇，不僅體現(xiàn)在他一手打造的蘋果帝國，也體現(xiàn)在他的個人魅力。2010年喬幫主振臂一揮，拒絕在iPhone上應(yīng)用Flash技術(shù)，Adobe的黃河大壩就絕了提。Opera、蘋果和Mozilla三家主要瀏覽器廠商自2004年以來一直在和WHARW機構(gòu)一起致力于HTML 5的制定。Opera首席執(zhí)行官Jon von Tetzchner在接受采訪時表示，下一代HTML語言將使得Adobe Flash技術(shù)顯得很多余，HTML 5的開放Web標(biāo)準(zhǔn)提供了除Flash之外的富媒體網(wǎng)絡(luò)內(nèi)容發(fā)布方法。投資公司Elevation Partners合伙人、Facebook投資人羅杰·邁克奈米(Roger McNamee)近期接受采訪談到了當(dāng)前影響科技行業(yè)的最重要趨勢。他認(rèn)為，HTML5將改變一切。邁克奈米表示：“通過HTML5技術(shù)，廣告是應(yīng)用，Twitter消息也是應(yīng)用，所有一切都是應(yīng)用?！?CSS 之父 Håkon Wium Lie與jQuery之父John Resig都在訪談中稱力挺HTML 5.
HTML 5改變移動互聯(lián)網(wǎng)取代Flash
喬布斯帶領(lǐng)的蘋果所創(chuàng)造出的iPhone和iPad這兩件劃時代的產(chǎn)品，深刻地影響了移動互聯(lián)網(wǎng)的發(fā)展。蘋果在移動互聯(lián)網(wǎng)市場上最大的競爭對手則是另一家極力支持HTML5的大公司，比如他家的Youtube就已經(jīng)部分使用了HTML5，Chrome瀏覽器也是率先宣布全面支持HTML5的瀏覽器之一。同樣按耐不住的還有微軟，IE主管Dean Hachamovith在官方博客上表示，HTML5是Web的未來，IE9將支持HTML5。如果喬布斯和谷歌微軟們都認(rèn)為HTML5終將改變互聯(lián)網(wǎng)世界，那么我們又有什么理由說不呢?
◆ 改變移動互聯(lián)網(wǎng)應(yīng)用的開發(fā)方法：一方面，移動互聯(lián)網(wǎng)應(yīng)用開發(fā)者能通過使用HTML5方便地利用原來HTML語言編寫的設(shè)計，Web開發(fā)人員也更容易上手;另一方面，HTML5在與富媒體的結(jié)合上十分便利，產(chǎn)品可以具備更高質(zhì)量，實現(xiàn)大量新增的表現(xiàn)效果。最重要的是HTML5的移植非常簡單，可以讓應(yīng)用程序員將精力集中在一個版本的應(yīng)用上，而這個應(yīng)用卻可以在多個瀏覽器流暢運行。不需要再對挑戰(zhàn)移動設(shè)備原生應(yīng)用每一個操作系統(tǒng)平臺進(jìn)行單獨的應(yīng)用開發(fā)。
◆ 挑戰(zhàn)移動設(shè)備原生應(yīng)用：HTML5將挑戰(zhàn)智能手機等移動設(shè)備上目前已成為標(biāo)準(zhǔn)的app原生應(yīng)用形式。一方面，HTML5可以輕松地使以其編寫的應(yīng)用在各種移動平臺和設(shè)備上運行，從而避免每一個平臺去開發(fā)一個原生應(yīng)用，Web技術(shù)也無疑會給用戶創(chuàng)造更一致的用戶體驗;另一方面，由于原生應(yīng)用必須通過下載、安裝等一系列操作才能使用，而這個過程中用戶的流失率很高，降低了用戶體驗，造成諸多不便，而基于HTML5的web應(yīng)用則只需打開網(wǎng)頁就可運行，可以十分有效地降低用戶流失率。當(dāng)然，對于移動設(shè)備來說最關(guān)鍵的，HTML5相比那些需要調(diào)用Flash等功能插件的復(fù)雜原生應(yīng)用來說，運行時功耗低，更節(jié)能。
◆ 改變應(yīng)用的宣傳方式和購買方式：由于有了web上方便的應(yīng)用提供，用戶不用再完全依靠從應(yīng)用商店購買應(yīng)用，這些應(yīng)用商店往往都收取30%的提成，這將完成始于應(yīng)用商店創(chuàng)建理念的革命，這樣一來，應(yīng)用商店將逐漸失去對應(yīng)用購買渠道的控制權(quán)，渠道的增加，應(yīng)用的增多，許多內(nèi)容就會免費，新的付費方式和盈利模式也會應(yīng)運而生，比如現(xiàn)在開始流行的應(yīng)用內(nèi)置廣告，內(nèi)置付費等。有了這樣的變革，新的市場也會得到開拓，移動互聯(lián)網(wǎng)市場將得到更進(jìn)一步的前所未有的增長。
◆ HTML 5正在蠶食Flash：國外Youtube、Facebook以及各大瀏覽器廠商都已經(jīng)在支持HTML 5。國內(nèi)網(wǎng)易郵箱、新浪郵箱、淘寶等技術(shù)負(fù)責(zé)人在接受采訪時告訴51CTO記者，他們也已經(jīng)開始使用HTML 5，并加大了對HTML 5應(yīng)用的研發(fā)力度。
HTML 5 與 Flash之爭： Flash仍有較大優(yōu)勢
2004年，網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作組(WHATWG)提出了HTML5的草案，其前身名為Web Application 1.0。從這一名字可以清楚地看出，HTML5的提出是為了解決網(wǎng)絡(luò)應(yīng)用的需求。2007年，這一草案為W3C接納，并成立了新的HTML工作團(tuán)隊，2008年初，第一份正式草案公布。至今，七年時間已經(jīng)過去，HTML 5仍然還停留在草案階段。負(fù)責(zé)編纂標(biāo)準(zhǔn)格式文件的谷歌代表Ian Hickson預(yù)計，可能要等到2012年才會推出“建議候選版”。而Flash技術(shù)是建立在多年積累出來的開發(fā)框架、代碼庫以及開發(fā)工具之上的。而Flash的開發(fā)者也已經(jīng)形成規(guī)模與社群，能夠借助原先的代碼庫與開發(fā)工具進(jìn)行更有效率的開發(fā)。從這點來看Flash具有較大優(yōu)勢。
Flash技術(shù)優(yōu)勢
在HTML5和Flash性能比較上，根據(jù)http://www.craftymind.com/guimark2的結(jié)果：在PC平臺上，
◆ Vector Charting Test：HTML 5差不多慢一倍
◆ Bitmap Gaming Test：HTML 5慢將近2倍之差
◆ TextColumn Test：Flash慢了很多
而在移動設(shè)別上測試同樣的benchmark上，F(xiàn)lash的成績就要好得多。
◆ Vector Charting Test：Flash快8-15倍
◆ Bitmap Gaming Test：Flash快2-6倍
◆ TextColumn Test：Flash快1.3-5倍
盛大創(chuàng)新院潘愛民認(rèn)為兩者的性能會越來越接近，但近幾年HTML 5想追上Flash仍然很難。有一些先天問題。畢竟Flash是一個專門為圖形動畫天生設(shè)計的。在他看來，HTML 5仍不完善，各項標(biāo)準(zhǔn)還在不斷改進(jìn)中，目前還難以承擔(dān)起獨立支撐起一個Web應(yīng)用平臺的角色。Brian Fling, pinch/zoom的開發(fā)商及一本寫移動程序發(fā)展的暢銷書作者Fling說“如果你懂得HTML，你就會在一小時內(nèi)明白HTML5新穎的地方在哪里?！钡?，他說，沒有了JavasCript及CSS，HTML5幾乎什么也不是。設(shè)備探測，離線數(shù)據(jù)，JavasCript工具，測試，調(diào)制及主題都是需要用已有的工具解決的問題。
HTML 5存在安全問題
萬維網(wǎng)創(chuàng)立者蒂姆·伯納斯-李(Tim Berners-Lee)曾經(jīng)表示大家一直熱衷的HTML5協(xié)議實際上為未來網(wǎng)絡(luò)技術(shù)埋下危機，可能造成技術(shù)的復(fù)制及差異。諸如HTML5之類的新協(xié)議的統(tǒng)一只是網(wǎng)絡(luò)目前面臨的為數(shù)眾多的技術(shù)和社會挑戰(zhàn)中的一項，伯納斯-李認(rèn)為，“新的網(wǎng)絡(luò)很廣闊，也有很多先進(jìn)的領(lǐng)域?qū)⒉⑿?。HTML5涉及很多創(chuàng)新及發(fā)明，大家對于HTML5到底該是個什么樣子都不明確，每隔十個月開源的數(shù)據(jù)就會加倍，確實有很多技術(shù)領(lǐng)域需要關(guān)注”。 歐盟計算機安全機構(gòu)最近發(fā)出警告稱，作為HTML5重要組成部分的某些開發(fā)層標(biāo)準(zhǔn)正經(jīng)歷變更，而此類變更很可能導(dǎo)致大量嚴(yán)重安全問題的出現(xiàn)。ENISA對HTML5的總計十三項規(guī)范進(jìn)行了審核，從中查出了五十一項安全問題。
誰是海賊王?
至于HTML 5與Flash之爭誰能笑道最后，成為傳說中的海賊王，CSS之父 von Tetzchner在采訪中說 Flash 在 Web發(fā)展歷史中，扮演著極度重要的角色，以至于在今日的「完整網(wǎng)絡(luò)體驗」里，F(xiàn)lash 是不可或缺的重要部份。但是，最終Flash問題的解決，鑰匙還是在網(wǎng)站開發(fā)者的手里 -- 事實是現(xiàn)在有越來越多的上網(wǎng)裝置，因為各式各樣的原因無法使用Flash。做為開發(fā)者看到這一點，是改成用 HTML5 / CSS3 之類的新開放技術(shù)重要編寫網(wǎng)站呢?還是繼續(xù)用 Flash 呢?如果發(fā)生的是前者，那 Flash 終究會慢慢走入歷史;如果是后者，那就變成硬件和軟件兩方面都要配合，確保 Flash 能繼續(xù)使用下去。得開發(fā)者得天下！
【編輯推薦】
