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

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

May 16, 2016 pm 03:45 PM

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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

h5項目怎麼運行 h5項目怎麼運行 Apr 06, 2025 pm 12:21 PM

運行 H5 項目需要以下步驟:安裝 Web 服務器、Node.js、開發工具等必要工具。搭建開發環境,創建項目文件夾、初始化項目、編寫代碼。啟動開發服務器,使用命令行運行命令。在瀏覽器中預覽項目,輸入開發服務器 URL。發布項目,優化代碼、部署項目、設置 Web 服務器配置。

H5頁面製作究竟指什麼 H5頁面製作究竟指什麼 Apr 06, 2025 am 07:18 AM

H5 頁面製作是指使用 HTML5、CSS3 和 JavaScript 等技術,創建跨平台兼容的網頁。其核心在於瀏覽器解析代碼,渲染結構、樣式和交互功能。常見技術包括動畫效果、響應式設計和數據交互。為避免錯誤,應使用開發者工具調試;而性能優化和最佳實踐則包括圖像格式優化、減少請求和代碼規範等,以提高加載速度和代碼質量。

h5怎麼製作點擊圖標 h5怎麼製作點擊圖標 Apr 06, 2025 pm 12:15 PM

製作 H5 點擊圖標的步驟包括:在圖像編輯軟件中準備方形源圖像。在 H5 編輯器中添加交互性,設置點擊事件。創建覆蓋整個圖標的熱點。設置點擊事件的操作,如跳轉頁面或觸發動畫。導出 H5 文檔為 HTML、CSS 和 JavaScript 文件。將導出的文件部署到網站或其他平台。

H5頁面製作適合哪些應用場景 H5頁面製作適合哪些應用場景 Apr 05, 2025 pm 11:36 PM

H5(HTML5)適合應用於輕量級應用,如營銷活動頁面、產品展示頁面和企業宣傳微網站。它優勢在於跨平台性和豐富的交互性,但局限性在於復雜的交互和動畫、本地資源訪問和離線功能。

什麼是H5編程語言? 什麼是H5編程語言? Apr 03, 2025 am 12:16 AM

H5不是獨立編程語言,而是HTML5、CSS3和JavaScript的集合,用於構建現代Web應用。 1.HTML5定義網頁結構和內容,提供新標籤和API。 2.CSS3控製樣式和佈局,引入動畫等新特性。 3.JavaScript實現動態交互,通過DOM操作和異步請求增強功能。

如何使用地理位置API處理用戶位置隱私和權限? 如何使用地理位置API處理用戶位置隱私和權限? Mar 18, 2025 pm 02:16 PM

本文討論了使用GeOlocation API管理用戶位置隱私和權限,並強調要求權限,確保數據安全性並遵守隱私法律的最佳實踐。

H5和小程序與APP的區別 H5和小程序與APP的區別 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要區別在於:技術架構:H5基於網頁技術,小程序和APP為獨立應用程序。體驗和功能:H5輕便易用,功能受限;小程序輕量級,交互性好;APP功能強大,體驗流暢。兼容性:H5跨平台兼容,小程序和APP受平台限制。開發成本:H5開發成本低,小程序中等,APP最高。適用場景:H5適合信息展示,小程序適合輕量化應用,APP適合複雜功能應用。

H5頁面製作是前端開發嗎 H5頁面製作是前端開發嗎 Apr 05, 2025 pm 11:42 PM

是的,H5頁面製作是前端開發的重要實現方式,涉及HTML、CSS和JavaScript等核心技術。開發者通過巧妙結合這些技術,例如使用<canvas>標籤繪製圖形或使用JavaScript控制交互行為,構建出動態且功能強大的H5頁面。

See all articles