h5？
h5是下一代互聯網標準，是一種規範，是HTML修訂的第五個版本
支持瀏覽器：
主流的瀏覽器，IE9以及9以上版本（而且各版本部分標籤仍不兼容）
相對於h4：
拋棄了不常用標記和屬性
新增新的標記和屬性
這一標準使頁面更簡潔
新增內容包含：
標籤語義化新的標記和屬性
改變了用戶與文檔交互方式（多媒體）：video，audio，canvas
CSS3的新增屬性
增加了本地存儲特性，二維三維，特效（過渡，動畫）
API
語義化標籤：
全部標籤參考：W3school
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>h5語義化標籤的初步使用</title>
</head>
<body>
<header>頭部</header>
<nav>導航欄</nav>
<main>
<article>
<header>左邊主體頭部</header>
左邊主體
</article>
<aside>右邊主體</aside>
</main>
<footer>底部</footer>
</body>
</html>
可見，新增的語義化標籤和過去用的div一樣的作用，都是塊級元素！
添加樣式看效果：
* {
padding: 0;
margin: 0;
}
body > header {
width: 100%;
height: 100px;
background-color: red;
}
nav {
width: 100%;
height: 30px;
background-color: green;
}
main {
width: 100%;
height: 500px;
background-color: blue;
}
main > article {
width: 20%;
height: 100%;
float: left;
background-color: purple;
}
article > header {
width: 100%;
height: 100px;
background-color: #abcd;
}
main > aside {
width: 80%;
height: 100%;
float: right;
background-color: pink;
}
footer {
width: 100%;
height: 80px;
background-color: #cccc;
}
但是在IE瀏覽器就有問題了：（部分標籤不能夠解析）
解決IE瀏覽器語義化標籤兼容性的問題：
- 將失效標籤添加display:block，解決IE9以及以上部分標籤無法解析問題;（老師說可以這種方式，但是我加上之後仍然無法撐開）
- 創建標籤元素，讓低版本IE8以及以下可以解析這些新標籤 document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('aside');
document.createElement('footer'); - 使用第三方插件解決h5和scc3兼容性問題（解決CSS3的也寫這了！）
html5shiv：解決ie9以下瀏覽器對html5新增標籤的不識別，並導致CSS不起作用的問題。
respond.min:讓不支持css3 Media Query的瀏覽器包括IE6-IE8等其他瀏覽器支持查詢。
本地下載：插件下載
使用cdn寫法：
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]—>