HTML5是什么?
狹義的HTML5
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團隊。2013年5月6日, HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本,第一次要修訂萬維網(wǎng)的核心語言:超文本標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助Web應用程序的作者,努力提高新元素互操作性。

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

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

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