HTML5未來發(fā)展趨勢

最近幾年web前端開發(fā)領(lǐng)域最熱的話題當(dāng)屬HTML5，HTML5從根本上改變了開發(fā)商開發(fā)web應(yīng)用的方式，從桌面瀏覽器到移動(dòng)應(yīng)用，這種語言和標(biāo)準(zhǔn)都正在影響并將繼續(xù)影響著各種操作平臺(tái)。
在移動(dòng)領(lǐng)域，大家爭論不休的一個(gè)問題就是開發(fā)Web應(yīng)用還是原生應(yīng)用？而隨著HTML5標(biāo)準(zhǔn)的發(fā)展，兩者之間的差異已經(jīng)逐漸變得模糊，今天各大媒體都爭相報(bào)道與HTML5有關(guān)的東西，那么，HTML5未來的發(fā)展趨勢到底是什么？下面我來說說我的觀點(diǎn)以及我所看到的一些我覺得比較認(rèn)同的觀點(diǎn)。
　　1） 移動(dòng)優(yōu)先
　　前天，appMobi獲選ReadWriterWeb2012最具前途的的公司，作為一家初創(chuàng)公司，這個(gè)獎(jiǎng)公司首先專注于在移動(dòng)平臺(tái)上如何實(shí)現(xiàn)HTML 5的簡單易用和無處不在。
　　從如今層出不窮的移動(dòng)應(yīng)用就知道，在這個(gè)智能手機(jī)和將平板電腦大爆炸的時(shí)代，移動(dòng)優(yōu)先已成趨勢，不管是開發(fā)什么，都以移動(dòng)為主。
　　如上文所說，此前一直困擾移動(dòng)領(lǐng)域的問題就是開發(fā)Web應(yīng)用還是原生應(yīng)用。而如今，我們看見一些大型企業(yè)如《金融時(shí)報(bào)》在沖著HTM L5進(jìn)軍移動(dòng)市場過程中，從App Store撤掉iPad原生應(yīng)用而開發(fā)Web應(yīng)用，同樣表現(xiàn)出色。
　　許多游戲開發(fā)商也將在移動(dòng)Web應(yīng)用中扮演中重要角色，移動(dòng)Web應(yīng)用優(yōu)先的趨勢將會(huì)持續(xù)到移動(dòng)設(shè)備統(tǒng)治信息處理領(lǐng)域。其實(shí)用戶根本不在乎你用什么工具開發(fā)了什么應(yīng)用，不管是Web應(yīng)用還是原生應(yīng)用，只要好用就可以了。
　　2) 游戲開發(fā)者領(lǐng)銜“主演”
　　其實(shí)移動(dòng)游戲開發(fā)商是從HTML5獲益最多的一方，他們可利用這個(gè)平臺(tái)逃脫付費(fèi)游戲須向蘋果支付的30%提成。在某種程度上，游戲就是移動(dòng)平臺(tái)銷量最好的應(yīng)用，也是吸引人們購買移動(dòng)設(shè)備的一個(gè)重要因素。
　　許多游戲開發(fā)商都被Facebook或者Zynga推動(dòng)著發(fā)展，而未來的Facebook應(yīng)用生態(tài)系統(tǒng)是基于HTML5的，盡管在HTML 5平臺(tái)開發(fā)出游戲非常困難，但游戲開發(fā)商卻都愿意那么做。通過PhoneGap及appmobi的XDK將Web應(yīng)用游戲打包整合到原生應(yīng)用中也是一種方式，F(xiàn)acebook差不多就這么干的——基于Web應(yīng)用及瀏覽器，但卻將之打包整合進(jìn)原生應(yīng)用。
　　3) 響應(yīng)式設(shè)計(jì)&自動(dòng)變化的屏幕尺寸
　　在HTML 5真的改變移動(dòng)開發(fā)平臺(tái)之前，必須要邁出重要一步，那就是“響應(yīng)式設(shè)計(jì)”，也就是屏幕可以根據(jù)內(nèi)容而自動(dòng)調(diào)整大小。
　　響應(yīng)式設(shè)計(jì)最好的一個(gè)例子就是今年上線的BostonGlobe.com（觀看視頻），其屏幕能夠根據(jù)任何內(nèi)容而調(diào)整尺寸大小，在訪問過其開發(fā)商Filament Group后才了解到，響應(yīng)式設(shè)計(jì)也并非易事，一些基本概念設(shè)計(jì)必須從頭開始，比如處理媒體庫的RespondJS，而且處理來自第三方的圖片和廣告也是惱人的問題。
　　要想做好響應(yīng)式設(shè)計(jì)，就必須洞悉內(nèi)容與屏幕之間的反饋關(guān)系，一家來自硅谷的響應(yīng)式設(shè)計(jì)公司ZURB稱，其實(shí)在過去的16年中，開發(fā)商就意識(shí)到響應(yīng)式設(shè)計(jì)就要完全離開“流”，轉(zhuǎn)而注重內(nèi)容是如何在網(wǎng)頁和移動(dòng)設(shè)備中被處理的，這一過程還在繼續(xù)，HTML 5會(huì)讓它最終成為可能。
　　4 )設(shè)備訪問
　　消除Web應(yīng)用與原生應(yīng)用界限的最大障礙就是瀏覽器訪問移動(dòng)設(shè)備基本特性的能力，比如照相機(jī)，通訊錄，日歷，加速器等，利用HTML5實(shí)現(xiàn)此能力方面，上文中提到的appMobi算是行業(yè)翹楚，在感恩節(jié)后開源了所有API。Mozilla也一直在努力通過移動(dòng)瀏覽器Fennec來將強(qiáng)設(shè)備訪問能力。
　　對許多移動(dòng)開發(fā)商來說，提高設(shè)備訪問能力是HTML5最令人激動(dòng)的革新，這意味著Web應(yīng)用能夠登陸移動(dòng)設(shè)備而無需做任何PhoneGap式打包，游戲開發(fā)商當(dāng)然最開心，因?yàn)槟承┨匦詫λ麄儊碚f是封鎖的，比如能整合到游戲中的加速器。
　　這就開啟了另一個(gè)可能的世界，比如能與云更好地整合（這有利于應(yīng)用內(nèi)購買，消息推送等）并提高游戲可玩性，有了HTML5這個(gè)平臺(tái)，開發(fā)商可以不再依賴于Java語言，CSS3，HTML及其它程序語言。
　　5) 離線緩存
　　這個(gè)概念相當(dāng)新潮，離線情況下，app也能照常運(yùn)作，算是HTML 5充滿魔力的一面，今年最好的離線緩存例子就是亞馬遜Kindle的云閱讀器，可以通過Firefox6以上版本，Chrome11以上版本，Safari5以上版本及iOS4以上版本瀏覽器將內(nèi)容同步到所有Kindle系列設(shè)備，并能記憶用戶在kindle圖書館的一切。

　　亞馬遜就這么實(shí)現(xiàn)了離線使用Web應(yīng)用，許多專家人聲稱原生應(yīng)用的末日即將到來，因?yàn)閃eb應(yīng)用的使用變得簡單，無摩擦，適用于任何一個(gè)平臺(tái)或者無需平臺(tái)。當(dāng)然Mozilla的觸角也伸到了這里，實(shí)際上，Mozilla想涉足任何一個(gè)HTML 5能滲透的領(lǐng)域，從Mozilla的移動(dòng)藍(lán)圖，可以了解更多。
　　6) 開發(fā)工具的成熟
　　在今年八月份，Brian Fling曾寫過一篇博文叫HTML5 Web應(yīng)用開發(fā)剖析，提出了幾點(diǎn)建議供從事HTML 5應(yīng)用的開發(fā)者參考：
　　要耐心，HTML5項(xiàng)目可能比開發(fā)其他任何項(xiàng)目好是都要長
　　做好預(yù)算，這不像建網(wǎng)站那么簡單，可能會(huì)耗費(fèi)你大量資金
　　找對開發(fā)者，你要記住，這對許多經(jīng)驗(yàn)豐富的專家來說都非常難的事，那么你的團(tuán)隊(duì)也會(huì)覺得困難，所以一定要找對人，找到正確的方向
　　要自食其力，你要知道，開發(fā)HTML 5項(xiàng)目，許多工具都要自制，不是現(xiàn)成的
　　在技術(shù)界，按部就班的教條風(fēng)格在這里行不通，會(huì)花掉許多不必要的資金，在移動(dòng)領(lǐng)域，沒有對與錯(cuò)，只有是否適合，一切以用戶體驗(yàn)為重。

　　在工具方面，除了appMobi提供的工具以外，還有Sencha及Appcelerator提供的框架及IDE供應(yīng)用開發(fā)商們使用，雖然這些工具現(xiàn)在算不上成熟，也不如Android和iOS上的開發(fā)商框架及工具那般簡單強(qiáng)大，但至少它們在演進(jìn)，將會(huì)變得越來越好用。
　　總結(jié)
　　HTML 5的其它功能，如表單和新標(biāo)準(zhǔn)還在快速演進(jìn)，而隨著標(biāo)準(zhǔn)化工作的進(jìn)行，HTML 5有可能變回HTML。HTML 5開發(fā)領(lǐng)域的領(lǐng)軍人物包括Sencha，Adobe，Appcelerator，appMobi及Facebook，亞馬遜，Google三大巨頭。
　　不管你是想開發(fā)出新型視頻應(yīng)用的開發(fā)商如Brightcover還是想開發(fā)新型音頻應(yīng)用的開發(fā)商如Soundcloud，不論是桌面應(yīng)用還是移動(dòng)應(yīng)用，HTML 5都是創(chuàng)新的主旋律。