HTML5新特性

1、語義特性(Semantic)

HTML5增加了新的內容標籤,這些標籤帶有一定的語義,使搜索引擎爬取你的網站信息更高效。如:

<header>

<footer>

<nav>

....

 

2、本地存儲特性(OFFLINE & STORAGE)

基於HTML5開發的網頁APP擁有更短的啓動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地存儲功能。

HTML5離線存儲包含 應用程序緩存,本地存儲(Local Storage),索引數據庫,文件接口。

 

 

3、設備訪問特性 (DEVICE ACCESS)

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

大致包含地理位置API ,媒體訪問API ,訪問聯繫人及事件,設備方向和運動API。

 

4、連接特性(CONNECTIVITY)

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

HTTP是無連接的,一次請求,一次響應。想要實現微信網頁版掃一掃登錄,網頁版微信聊天的功能,需要使用輪詢的方式達到長連接的效果,輪詢的大部分時間是在做無用功,浪費網絡,浪費資源。現在HTML5爲我們帶來了更高效的連接方案 Web Sockets 和 Server-Sent Events 。

 

 

5、網頁多媒體特性(MULTIMEDIA)

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

 

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

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

 

7、性能與集成特性(Performance & Integration)

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

性能與集成特性主要包括兩個東西,Web Workers 和 XMLHttpRequest 2。

發佈了117 篇原創文章 · 獲贊 6 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章