首頁 >web前端 >H5教程 >HTML5未來發展趨勢 _html5教學技巧

HTML5未來發展趨勢 _html5教學技巧

WBOY
WBOY原創
2016-05-16 15:45:541541瀏覽
HTML5是什麼?
狹義的HTML5
HTML5草案的前身名為 Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的 HTML 工作團隊。 2013年5月6日, HTML 5.1正式草案公佈。此規範定義了第五次重大版本,第一次要修訂萬維網的核心語言:超文本標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助網路應用程式的作者,並努力提高新元素互通性。


近年來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都是創新的主旋律。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn