HTML好在哪裏,爲何值得咱們學習

                             HTML好在哪裏,爲何值得咱們學習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新增的標籤,使搜索引擎更加容易抓取和索引網頁,從而驅動網站得到更多的點擊流量。

  1、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)也提供了更高的靈活性和控制性。


  2、html5的優點

  擺脫對平臺的依賴

  HTML5可讓你擺脫對平臺的依賴,用戶打開瀏覽器,直接就能夠訪問你的應用,而不須要通過各類Store的審覈。

  實時更新

  實時更新,一般平臺的審覈都須要七個工做日左右的時間,若是你發佈以後發現問題怎麼辦?Web方式就不存在這種問題。

  離線使用

  用戶能夠離線使用,更新下載量及少,能夠所有更新,也能夠選擇替換部分文件。

  代碼更安全安全

  使用HTML5,代碼更安全安全。衆所周知Web應用有一個很大的問題就是代碼安全的問題,但如今HTML5能夠將Web代碼所有加密,本地應用解密後再運行,大大的提供了代碼的安全性。

  跨平臺

  HTML5能夠作到跨平臺,多數核心代碼不用重寫,Javascript的代碼用得好的話,在許多地方均可以用到,包括移動應用、移動網站、PC網站、各類瀏覽器插件,甚至能夠用WebKit封裝做爲跨平臺的應用程序。誠然,這種方式並不是徹底跨平臺,但這樣也足以減小不少工做量了,特別是後期的維護。

  能夠充分利用Native

  HTML5能夠經過瀏覽器做爲中介充分利用Native的好處,好比說可使用GPS、照相機、本地相冊、讀取本地聯繫人,也可使用推送功能等,最重要的是,某些Web沒法實現的功能,咱們能夠利用Native來實現。html5

相關文章
相關標籤/搜索