1. 程式人生 > >HTML5總結及原理剖析

HTML5總結及原理剖析

html5中新增的特性

1.語義化標籤,比如:<header> <footer> <article>等,可以使我們建立更友好的頁面結構,便於搜尋引擎抓取;

div是division的縮寫,你在網頁中寫了大量的div,就算你寫了class或是id,要一下子理解裡面到底是什麼還是很困難的。

2.多媒體標籤,比如:<video> <audio>。可以讓我們定義多媒體檔案的型別和行為;
3.2D繪圖,向量圖應用,<canvas> <svg> 標籤可以讓我們在網頁上繪製複雜的圖形和顯示覆雜的圖形;
4.表單元素,屬性,比如:number email autocomplete等,可以讓我們規定表單元素的輸入型別,長度,表單元素的行為;
5.拖拽事件,drag drop 事件可以讓我們在網頁上對元素進行拖放操作;
6.獲取當前用於的地理位置,geolocation 可以讓我們不依賴客戶端就可以獲取使用者位置;
7.離線資料的儲存,localStorage sessionStorage可以讓開發者根據使用者行為在客戶端快取資料,提高網站效能和使用者體驗;
8.Application Cache 可以讓我們對Web應用進行快取,離線時也可以訪問,增加使用者體驗;
9.web
worker 可以讓我們脫離JavaScript是單執行緒的這個魔咒,而且web worker獨立於其它的指令碼不會影響頁面效能;