首頁 > web前端 > H5教程 > HTML5優點的詳細介紹

HTML5優點的詳細介紹

黄舟
發布: 2017-03-20 15:54:42
原創
2200 人瀏覽過

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等技術,解決先前的跨域等問題,幫助您的網路應用程式和網站在多樣化的環境中更快速的工作。
 
CSS3特性 
在不犧牲表現和語意結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
 
 
二、html5的優點
 
擺脫對平台的依賴
 
HTML5可以讓你擺脫對平台的依賴,使用者打開瀏覽器,直接就可以存取你的應用,而不需要經過各種Store的審核
 
即時更新
 
即時更新,通常平台的審核都需要七個工作天左右的時間,如果你發布之後發現問題怎麼辦?Web方式就不存在這種問題。
 
離線使用
 
使用者可以離線使用,更新下載量及少,可以全部更新,也可以選擇替換部分檔案。
 
程式碼更安全安全
 
#使用HTML5,程式碼更安全安全。眾所周知Web應用程式有一個很大的問題就是程式碼安全的問題,但現在HTML5可以將Web程式碼全部加密,本地應用程式解密後再運行,大大的提供了程式碼的安全性。
 
跨平台
 
HTML5 可以做到跨平台,多數核心程式碼不用重寫,Javascript的程式碼用得好的話,在許多地方都可以用到,包括行動應用程式、行動網站、PC網站、各種瀏覽器插 件,甚至可以用WebKit封裝作為跨平台的應用程式。誠然,這種方式並非完全跨平台,但這樣也足以減少很多工作量了,特別是後期的維護。

可以充分利用Native

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

以上是HTML5優點的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板