假期借了一本書，把html5 的新功能看了一遍，做了乙個簡要的筆記，總結一下，當成學習筆記發上來。
筆記有些地方可能說話方式只能寫的人能讀懂，不過大多數地方都做了**總結方法和說明。
新增屬性
針對type為number的input，有屬性：mix，max，step
play();
pause();
canplaytype(string);返回瀏覽器是否支援傳入的格式，返回可能是probably，maybe，以及空字串表示不支援
addtexttrack();//向**增添文字軌道
相關的事件
事件說明
onloadstart
當瀏覽器開始查詢**資源
ondurationchange
當**的時常改變時
onloadedmetadata
瀏覽器已載入元資料
onloadeddata
瀏覽器已載入當前幀的資料
onprogress
oncanplay
oncanplaythrough
至以上，**載入階段的事件依次觸發完成
onabort
**載入已放棄
onerror
**載入出現錯我
onpause
當暫停時
onplay
onratechange
ontimeupdate
onvolumechange
當音量變化時
本地儲存 localstorage/會話儲存 sessionstorage
本地儲存在不主動刪除的情況下不會過期、失效而且儲存空間比cookie大得多
會話儲存和本地儲存基本一致，但是會話儲存的資料只存在於乙個session會話的過程中
方法、屬性
說明key（n）
返回第n個變數的key
getitem（key）
通過key返回對應的value，與localstorage.k/sessionstorage.k功能一樣
setitem（k，v）
設定一對鍵值對，與localstorage.k=v/sessionstorage.k=v功能一樣
removeitem（k）
刪除一對鍵值對 與delete localstorage.k/delete sessionstorage.k 功能一樣
clear()
清空所有變數
length
返回當前已經儲存的變數數量
localstorage、sessionstorage是瀏覽器內建的物件，直接呼叫即可 。
eg:localstorage.sitecount==1?localstorage.sitecount++:localstorage.sitecount=1;
上例等同於localstorage.getitem(sitecount)==1?localstorage.setitem(sitecount,2):localstorage.setitem(sitecount,1);
sessionstorage 使用相同
應用快取通過向瀏覽器傳送當前頁面的.manifest檔案，告知瀏覽器當前頁面需要快取的資源、永不快取的資源，以及訪問不到時的回退頁面
使用方法
配置web伺服器的mime-type，使其可以支援.manifest檔案型別
.manifest的mime型別是：text/cache-manifest
在頁面中配置，當前頁面的應用快取檔案
書寫manifest檔案內容
規則：關鍵字說明
cache manifest
cache
此標題下資源將快取
network
fallback
此標題下規定當頁面無法訪問時的回退頁面
此後的內容為注釋，可以通過更改注釋實現.manifest檔案的更新，重新快取.manifest檔案
乙個示例：
cachemanifest
cache:
#gasfsadsf
style.css
network:
jquery.js
html5 本地儲存
web indexeddb：索引資料庫api，儲存資料庫，通過js增刪改查，重點，但是沒看懂
svg濾鏡：以下標籤放在
內：表示預定義
svg漸變
HTML5 新增標籤
html5 現在已經不是 sgml 的子集，主要是關於影象，位置，儲存，多工等功能的增加。ie8 ie7 ie6支援通過document.createelement方法產生的標籤，可以利用這一特性讓這些瀏覽器支援html5新標籤。定義圖形 定義文章 定義頁面內容之外的內容 可用作文章的側欄 定義聲音...
HTML5新增標籤
定義縮寫。定義只取首字母的縮寫。定義文件作者或擁有者的聯絡資訊。定義影象對映內部的區域。定義文章。定義頁面內容之外的內容。定義聲音內容。不贊成使用。定義頁面中文字的預設字型 顏色或尺寸。定義文字的文字方向，使其脫離其周圍文字的方向設定。定義文字方向。定義大號文字。定義長的引用。定義圖形。定義 標題。...
HTML5新增標籤以及功能
定義文章側邊欄 定義一組 物件以及文字內容 定義figure的標題 布局頁面時用的語義標籤 定義導航 頭部定義文件中的區段 區域 尾部input其他的型別 1.text 文字輸入框 2.password 密碼 3.button 按鈕 4.checkbox 複選 5.radio 單選 6.submit...