H5新特性

因爲以前是作web後臺開發的，可是作了一段時間發現本身興趣仍是在前端。下面來作一個小小的筆記，前端開發初級，望你們理解，不喜勿噴。

1.H4和H5的區別

（1）web瀏覽器中間的兼容性很低，就IE而言,在IE9之後支持H5新特性。

（2）文檔結構不明確，H5裏面新增了一些，article，header，footer等元素，使得文檔的結構更加明確。

（3）web應用程序的功能受到了限制。

2.語法的改變

（1）內容類型、DECTYPE、指定字符編碼。這些區別都是在新建H5的時候會自動補全，這裏就再也不贅述。

（2）能夠省略標記的元素：<input type="checkbox" checked="">女</input>    <input type="checkbox" checked>女</input>和<input type="checkbox" checked="true">女</input>的效果都是同樣的。貌似在checked裏面加入任何都是能夠被選中的效果，不加checked屬性則不會被選中。

3.新增的元素

section：頁眉，不推薦沒有標題的內容使用，他主要是用來分塊的，不作樣式選擇。

article：文檔主體，它偏向於一快獨立的內容。

hgroup：分組元素，能夠把h1到h6的元素作一個分類。

header：在文檔的頭部使用。

footer：文檔的尾部使用，其實就是爲了使網頁的結構更加清晰。

nav：它主要是在列表ul,li時使用。

figure,video(視屏文件)，audio(音平文件)，aside,

cancas( 標籤訂義圖形),它只是外面的標籤，真正的圖形要用js來實現。

address:地址元素，用來存聯繫方式，地址消息等。

4.新增的屬性

contebtEditable (true,flase)標籤屬性，是否能夠編輯。下面的例子就是能夠編輯的。

<p >這是一段可編輯的段落。請試着編輯該文本。</p>contenteditable="true"

designMode（on  off），用來指定整個頁面是否可編輯，它的值只能在javascript裏面能夠被修改，若是被修改爲on的話，那麼下面全部有contebtEditable的內容均可以被修改。

hidden（隱藏。true,flase）。

spellcheck,語法檢查屬性，是spellcheck=""就能夠自動檢查。好比apple，若是你打成aple,他會本身標記。

tabindex,訪問順序，1.2.3能夠定義它的訪問順序，tabindex很重要，有時候必需要有，可是又不能寫做正數，因此最好的處理法方法是設爲負數（-1）。在用tab選擇是會按序號跳轉。

<a href="http://www.w3school.com.cn/" >W3School</a>
<a href="http://www.google.com/" >Google</a>
<a href="http://www.microsoft.com/" >Microsoft</a>tabindex="2"tabindex="1"tabindex="3"