好程式設計師告訴你HTML好在哪裡,為什麼值得我們學習

好程式設計師IT發表於2019-04-28

   好程式設計師 告訴你 HTML好在哪裡,為什麼值得我們學習 HTML5對於使用者來說,提高了使用者體驗,加強了視覺感受。HTML5技術在移動端,能夠讓應用程式迴歸到網頁,並對網頁的功能進行擴充套件,使用者不需要下載客戶端或外掛就能夠觀看影片、玩遊戲,操作更加簡單,使用者體驗更好。HTML5的視音訊新技術解決了移動端蘋果和安卓4.0+,對flash的支援問題。在視音訊方面,效能表現比flash要更好。網頁表現方面,HTML5中的CSS3特效樣式、Canvas、webgl的介入,不僅加強了網頁的視覺效果,甚至能夠使使用者在網頁當中看到三維立體特效。

  對於開發者來說, HTML5技術跨平臺,適配多終端。傳統移動終端上的Native App,開發者的研發工作必須針對不同的作業系統進行,成本相對較高。Native App對於使用者還存在著管理成本、儲存成本以及效能消耗成本。HTML/JavaScript/CSS語言所開發的應用只要一次開發就能進入所有瀏覽器進行分發。即使是走傳統的App Store應用商店渠道,只需要再將底層用HTML5開發的應用“封裝”為App,從時間和資金成本上講遠小於跨系統移植。

  對於搜尋引擎來說, HTML5新增的標籤,使搜尋引擎更加容易抓取和索引網頁,從而驅動網站獲得更多的點選流量。

   一、 html5的特性

  語義特性

  HTML5賦予網頁更好的意義和結構。更加豐富的標籤將隨著對RDFa的,微資料與微格式等方面的支援,構建對程式、對使用者都更有價值的資料驅動的Web。

  本地儲存特性 (Class: OFFLINE & STORAGE)

  基於 HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地儲存功能。Indexed DB(html5本地儲存最重要的技術之一)和API說明文件。

  裝置相容特性

  從 Geolocation功能的API文件公開以來,HTML5為網頁應用開發者們提供了更多功能上的最佳化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的資料與應用接入開放介面。使外部應用可以直接與瀏覽器內部的資料直接相連,例如影片影音可直接與microphones及攝像頭相聯。

  連線特性

  更有效的連線工作效率,使得基於頁面的實時聊天,更快速的網頁遊戲體驗,更最佳化的線上交流得到了實現。 HTML5擁有更有效的伺服器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特效能夠幫助我們實現伺服器將資料“推送”到客戶端的功能。

  網頁多媒體特性

  支援網頁端的 Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音功能相得益彰。

  三維、圖形及特效特性 (Class: 3D, Graphics & Effects)

  基於 SVG、Canvas、WebGL及CSS3的3D功能,使用者會驚歎於在瀏覽器中,所呈現的驚人視覺效果。

  效能與整合特性

  沒有使用者會永遠等待你的 Loading——HTML5會透過XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的Web應用和網站在多樣化的環境中更快速的工作。

  CSS3特性

  在不犧牲效能和語義結構的前提下, CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字型格式(WOFF)也提供了更高的靈活性和控制性。


  二、 html5的優勢

  擺脫對平臺的依賴

  HTML5可以讓你擺脫對平臺的依賴,使用者開啟瀏覽器,直接就可以訪問你的應用,而不需要經過各種Store的稽核。

  實時更新

  實時更新,通常平臺的稽核都需要七個工作日左右的時間,如果你釋出之後發現問題怎麼辦 ?Web方式就不存在這種問題。

  離線使用

  使用者可以離線使用,更新下載量及少,可以全部更新,也可以選擇替換部分檔案。

  程式碼更安全安全

  使用 HTML5,程式碼更安全安全。眾所周知Web應用有一個很大的問題就是程式碼安全的問題,但現在HTML5可以將Web程式碼全部加密,本地應用解密後再執行,大大的提供了程式碼的安全性。

  跨平臺

  HTML5可以做到跨平臺,多數核心程式碼不用重寫,Javascript的程式碼用得好的話,在許多地方都可以用到,包括移動應用、移動網站、PC網站、各種瀏覽器外掛,甚至可以用WebKit封裝作為跨平臺的應用程式。誠然,這種方式並非完全跨平臺,但這樣也足以減少很多工作量了,特別是後期的維護。

  可以充分利用 Native

  HTML5可以透過瀏覽器作為中介充分利用Native的好處,比如說可以使用GPS、照相機、本地相簿、讀取本地聯絡人,也可以使用推送功能等,最重要的是,某些Web無法實現的功能,我們可以利用Native來實現。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2642832/,如需轉載,請註明出處,否則將追究法律責任。

相關文章