html5的一些基礎
H5
一、html新增標籤
1)header -------頭部引導或導航的部分
2)Nav ----------導航部分，一般可以嵌套在header裡面
3)Section ---------代表一個獨立區塊，包括內容和標題
4)Article ----------特殊的section ，一般放置文章或標題
5)Aside ---------頁面補充說明的區塊
6)Footer --------腳部版權說明的區塊
注意點：雖然標籤很語義化，但是目前只能兼容IE9+
二、添加對flash的替換
.swf（flash的格式）
對視頻的標籤
Video支持的mp4格式,ogg,webM
屬性：autoplay: 頁面加載進來就開始播放
Src 視屏文件的路徑
Controls 是否顯示播放器的控件（播放，暫停，快進，全屏，音量）
Preload 預加載
Poster 視頻播放前的海報
在h5之前視頻是如何播放的（網頁中是如何插入視頻）
<embed>
<iframe>
音頻的標籤
Audio
支持的格式：mp3,ogg,Wav
Input類型的拓展
Color: 取到值是十六進制的顏色屬性值
Date : yyyy-MM-dd
Datetime
Datetime-local 顯示格式yyyy-MM-ddThh:mm
Email 表單提交會觸發驗證
Month YYYY-MM
Number 會出現加減符號，min-----max屬性，限制最大值和最小值
Range 滑塊，也可以自定義最大值和最小值
Search
Tel 移動端點擊時候會拉起數字鍵
Time
Url
Week
Html5表單新元素
Datalist:模糊查詢
Input list=”dalistID”
Datalist#dalistID>option
Keygen
Output
Html 表單驗證
Required 必填字段
Pattern 正則驗證，設置title為錯誤提示信息
Maxlength 輸入的最大長度
Minlength 輸入的最小長度
Min Max step必須input為number類型才能生效,min最小值，max最大值,step設置有效數字的間隔
setCustomValidity(“提示文字”) 自定義提示文字
H5地理定位系統：
Navigator:是瀏覽器內置對象，包含瀏覽器廠商支持哪些方法，瀏覽器的信息；
H5的拖放：
被拖動的對象 ：屬性：draggable設置是否支持拖動 ondragstart開始拖動的時候執行的事件
放置的容器: ondrop丟放對象觸發的事件
Ondragover 當拖放的對象拖動到放置的容器上觸發的事件
H5的本地存儲
localStorage.setItem(“key”, value);
在本地存儲一個名為key值為value的一個數據
localStorage.getItem(“key”);//value
清除:
localStorage.Clear()會清空所有的本地存儲；
localStorage.removeItem(“key”)清空對應key這條數據
取出本地存儲的一個名為key的數據
sessionStorage.setItem(“key”,value);
sessionStorage.getItem(“key”);
區別：sessionStorage存儲的值當用戶關閉瀏覽器就會自動銷燬，但是localStorage存儲的值會一直存在，知道用戶手動清除；
Javascript變量在頁面關閉的時候會被全部銷燬，要在一個頁面取另一個頁面的值的時候是取不到的，那麼這時候就要用到頁面間傳值的方法：
1.帶參數的a鏈接來實現傳值
2.本地存儲來傳值