IE瀏覽器相容性

h5標籤在ie瀏覽器上只相容ie8以上版本（ie8不相容）。
所以為了相容ie6-8瀏覽器，我們可以引入html5shiv.js。
html5shiv.js是什麼
html5shiv.js下載地址

引入方式：

<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->

H5常用語義化標籤

<header> 定義文件的頁首（頭部）。
<nav>

div，section，article的區別和使用：
原文連結
1）div在html早期版本就支援了，section和article是html5提出的兩個語義化標籤。如果只是針對一個塊內容做樣式化，三者並無區別。
2）作為語義化標籤，section 應用的典型場景有文章的章節、標籤對話方塊中的標籤頁、或者論文中有編號的部分。一般來說，當元素內容明確地出現在文件大綱中時，section 就是適用的。
3）對於article標籤來說，無論從結構上還是內容上來說，article 本身就是獨立的、完整的。有個最簡單的判斷方法是看這段內容脫離了所在的語境，是否還是完整的、獨立的，如果是，則應該用article標籤。
4）div section article ，語義是從無到有，逐漸增強的。div 無任何語義，僅僅用作樣式化或者指令碼化，對於一段主題性的內容，則就適用 section，而假如這段內容可以脫離上下文，作為完整的獨立存在的一段內容，則就適用 article。原則上來說，能使用 article 的時候，也是可以使用 section 的，但是實際上，假如使用 article 更合適，那麼就不要使用 section 。

datalist標籤

定義選項列表，需要與input標籤同時使用。

<input id="myCar" list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

執行結果：

fieldset標籤

<fieldset>標籤可以將表單內的相關元素分組。

<legend>

元素為 fieldset 元素定義標題

<form>
  <fieldset>
    <legend>健康資訊</legend>
    身高：<input type="text" />
    體重：<input type="text" />
  </fieldset>
</form>

執行結果：

> H5新增的表單標籤屬性

<!-- html5新增標籤 -->
<!-- 郵箱格式輸入 -->
<input type="email"><br />
<!-- 手機號格式輸入 -->
<input type="tel"><br />
<!-- url格式輸入 -->
<input type="url"><br />
<!-- 數字格式輸入 -->
<input type="number"><br />
<!-- 搜尋框 -->
<input type="search"><br />
<!-- 自由拖動滑塊 -->
<input type="range"><br />
<!-- 小時分鐘選擇框 -->
<input type="time"><br />
<!-- 年月日選擇框 -->
<input type="date"><br />
<!-- 年月選擇框 -->
<input type="month"><br />
<!-- 年周選擇框 -->
<input type="week"><br />

執行結果：

設定禁用屬性

<!-- html5新增屬性 -->
<input type="text" disabled value="設定禁用屬性">

設定只讀屬性

<input type="text" readonly value="設定只讀屬性">

載入頁面結束後自動獲取焦點

<input type="text" autofocus value="載入頁面結束後自動獲取焦點">

提價表單時不能為空

<input type="text" required value="提價表單時不能為空">

用Alt + s 組合鍵，為此元素獲取焦點

<input type="text" accesskey="s" value="用Alt + s 組合鍵，為此元素獲取焦點">

執行結果：