H5新增語義化標簽
一、根據頁面的結構，由div派生的標簽。
<header>
<footer>
<nav> 導航 在H4中導航欄一般用ul-li標簽，H5中可以直接用<nav>標簽
eg. <nav> <a href="#">導航標題1 </a> <a href="#">導航標題2 </a> </div>
<hgroup> 頁面上得一個標題組合（一個標題和一個子標題）
eg, <hgroup> <h1>博客園</h1>
<h2>博客園是一個開發者分享資源的好地方</h2>
</hgroup>
<section> 用來劃分頁面上的不同區域
<article> 用來表示頁面上一套結構完整且獨立的內容部分
<aside> 和主題相關的附屬信息
二、媒體元素組合
<figure>和 <figcaption>：<figure>為父元素，用於圖片的外層，其子元素<figcaption>用來對內容進行說明。
三、<time>標簽，專門用來表示時間
四、<datalist> 標簽，定義選項列表。與 input 元素配合使用該元素，來定義 input 可能的值。
datalist 及其選項不會被顯示出來，它僅僅是合法的輸入值列表。
請使用 input 元素的 list 屬性來綁定 datalist。
<input id="myCar" list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist>
五、<details> 標簽，用於描述文檔或文檔某個部分的細節。
與<summary>標簽配合使用可以為 details 定義標題。標題是可見的，用戶點擊標題時，會顯示出 details。
<details> <summary>Copyright 2011.</summary> <p>All pages and graphics on this web site are the property of W3School.</p> </details>
六、<address> 標簽，定義文檔或文章的作者/擁有者的聯系信息。
<address> 元素中的文本通常呈現為斜體。大多數瀏覽器會在 address 元素前後添加折行。
七、<mark> 標簽，定義帶有記號的文本。在需要突出顯示文本時使用 該 標簽，默認加黃色背景。
八、<keygen> 標簽，規定用於表單的密鑰對生成器字段。（用於給表單添加公鑰）
當提交表單時，私鑰存儲在本地，公鑰發送到服務器。
<form action="/example/html5/demo_form.asp" method="get">
用戶名：<input type="text" name="usr_name" />
加密：<keygen name="security" />
<input type="submit" />
</form>
九、<process>標簽，定義進度條
<!DOCTYPE html>
<html>
<body>
下載進度：
<progress value="22" max="100">
</progress>
<p><b>註釋：</b>Internet Explorer 9 以及更早的版本不支持 <progress> 標簽。</p>
</body>
</html>
H5標簽的兼容性
ie6/7不兼容h5標簽，解決方法。
1.通過使用JS動態創建
<script>
document.creatElement("header")
</script>
註意：IE6是不識別header等標簽的，所以認為是自定義標簽。而自定義標簽是內聯元素，所以要顯示一些效果，需要在選擇器中加入display:block;
2.這樣做比較麻煩，需要創建多個標簽
因此我們可以引入一個h5的文件即可
<script src="js/html5shw.js"> </script>
H5新增語義化標簽