Html5是什麼?
狹義的Html5
Html5草案的前身名為 Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的 HTML 工作團隊。2013年5月6日, HTML 5.1正式草案公布。該規范定義了第五次重大版本,第一次要修訂萬維網的核心語言:超文本標記語言(Html)。在這個版本中,新功能不斷推出,以幫助Web應用程序的作者,努力提高新元素互操作性。
最近幾年web前端開發領域最熱的話題當屬Html5,Html5從根本上改變了開發商開發web應用的方式,從桌面浏覽器到移動應用,這種語言和標准都正在影響並將繼續影響著各種操作平台。
在移動領域,大家爭論不休的一個問題就是開發Web應用還是原生應用?而隨著HTML5標准的發展,兩者之間的差異已經逐漸變得模糊,今天各大媒體都爭相報道與Html5有關的東西,那麼,Html5未來的發展趨勢到底是什麼?下面我來說說我的觀點以及我所看到的一些我覺得比較認同的觀點。
1) 移動優先
前天,appMobi獲選ReadWriterWeb2012最具前途的的公司,作為一家初創公司,這個獎公司首先專注於在移動平台上如何實現Html 5的簡單易用和無處不在。
從如今層出不窮的移動應用就知道,在這個智能手機和將平板電腦大爆炸的時代,移動優先已成趨勢,不管是開發什麼,都以移動為主。
如上文所說,此前一直困擾移動領域的問題就是開發Web應用還是原生應用。而如今,我們看見一些大型企業如《金融時報》在沖著HTM L5進軍移動市場過程中,從App Store撤掉iPad原生應用而開發Web應用,同樣表現出色。
許多游戲開發商也將在移動Web應用中扮演中重要角色,移動Web應用優先的趨勢將會持續到移動設備統治信息處理領域。其實用戶根本不在乎你用什麼工具開發了什麼應用,不管是Web應用還是原生應用,只要好用就可以了。
2) 游戲開發者領銜“主演”
其實移動游戲開發商是從Html5獲益最多的一方,他們可利用這個平台逃脫付費游戲須向蘋果支付的30%提成。在某種程度上,游戲就是移動平台銷量最好的應用,也是吸引人們購買移動設備的一個重要因素。
許多游戲開發商都被Facebook或者Zynga推動著發展,而未來的Facebook應用生態系統是基於Html5的,盡管在Html 5平台開發出游戲非常困難,但游戲開發商卻都願意那麼做。通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式,Facebook差不多就這麼干的——基於Web應用及浏覽器,但卻將之打包整合進原生應用。
3) 響應式設計&自動變化的屏幕尺寸
在Html 5真的改變移動開發平台之前,必須要邁出重要一步,那就是“響應式設計”,也就是屏幕可以根據內容而自動調整大小。
響應式設計最好的一個例子就是今年上線的BostonGlobe.com(觀看視頻),其屏幕能夠根據任何內容而調整尺寸大小,在訪問過其開發商Filament Group後才了解到,響應式設計也並非易事,一些基本概念設計必須從頭開始,比如處理媒體庫的RespondJS,而且處理來自第三方的圖片和廣告也是惱人的問題。
要想做好響應式設計,就必須洞悉內容與屏幕之間的反饋關系,一家來自硅谷的響應式設計公司ZURB稱,其實在過去的16年中,開發商就意識到響應式設計就要完全離開“流”,轉而注重內容是如何在網頁和移動設備中被處理的,這一過程還在繼續,Html 5會讓它最終成為可能。
4 )設備訪問
消除Web應用與原生應用界限的最大障礙就是浏覽器訪問移動設備基本特性的能力,比如照相機,通訊錄,日歷,加速器等,利用Html5實現此能力方面,上文中提到的appMobi算是行業翹楚,在感恩節後開源了所有API。Mozilla也一直在努力通過移動浏覽器Fennec來將強設備訪問能力。
對許多移動開發商來說,提高設備訪問能力是Html5最令人激動的革新,這意味著Web應用能夠登陸移動設備而無需做任何PhoneGap式打包,游戲開發商當然最開心,因為某些特性對他們來說是封鎖的,比如能整合到游戲中的加速器。
這就開啟了另一個可能的世界,比如能與雲更好地整合(這有利於應用內購買,消息推送等)並提高游戲可玩性,有了Html5這個平台,開發商可以不再依賴於Java語言,CSS3,Html及其它程序語言。
5) 離線緩存
這個概念相當新潮,離線情況下,app也能照常運作,算是Html 5充滿魔力的一面,今年最好的離線緩存例子就是亞馬遜Kindle的雲閱讀器,可以通過Firefox6以上版本,Chrome11以上版本,Safari5以上版本及iOS4以上版本浏覽器將內容同步到所有Kindle系列設備,並能記憶用戶在kindle圖書館的一切。
亞馬遜就這麼實現了離線使用Web應用,許多專家人聲稱原生應用的末日即將到來,因為Web應用的使用變得簡單,無摩擦,適用於任何一個平台或者無需平台。當然Mozilla的觸角也伸到了這裡,實際上,Mozilla想涉足任何一個Html 5能滲透的領域,從Mozilla的移動藍圖,可以了解更多。
6) 開發工具的成熟
在今年八月份,Brian Fling曾寫過一篇博文叫Html5 Web應用開發剖析,提出了幾點建議供從事Html 5應用的開發者參考:
要耐心,Html5項目可能比開發其他任何項目好是都要長
做好預算,這不像建網站那麼簡單,可能會耗費你大量資金
找對開發者,你要記住,這對許多經驗豐富的專家來說都非常難的事,那麼你的團隊也會覺得困難,所以一定要找對人,找到正確的方向
要自食其力,你要知道,開發Html 5項目,許多工具都要自制,不是現成的
在技術界,按部就班的教條風格在這裡行不通,會花掉許多不必要的資金,在移動領域,沒有對與錯,只有是否適合,一切以用戶體驗為重。
在工具方面,除了appMobi提供的工具以外,還有Sencha及Appcelerator提供的框架及IDE供應用開發商們使用,雖然這些工具現在算不上成熟,也不如android和iOS上的開發商框架及工具那般簡單強大,但至少它們在演進,將會變得越來越好用。
總結
HTML 5的其它功能,如表單和新標准還在快速演進,而隨著標准化工作的進行,HTML 5有可能變回HTML。Html 5開發領域的領軍人物包括Sencha,Adobe,Appcelerator,appMobi及Facebook,亞馬遜,Google三大巨頭。
不管你是想開發出新型視頻應用的開發商如Brightcover還是想開發新型音頻應用的開發商如Soundcloud,不論是桌面應用還是移動應用,Html 5都是創新的主旋律。