由于一些較早的瀏覽器不兼容HTML5，因此對于HTML5中的新標簽元素，這些瀏覽器自動將其作為內(nèi)聯(lián)元素處理。
HTML5兼容性解決方案
- html5shiv是一個針對 IE 瀏覽器的 HTML5 JavaScript 補丁，目的是讓 IE 識別并支持 HTML5 元素。因此只需在 IE9 以下版本的瀏覽器中引入此 HTML5 JavaScript 補丁即可解決。
傳送門：html5shiv CDN加速地址
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
</body>
</html>
- html5shiv讓低版本IE支持HTML5新標簽元素的原理
html5shiv讓低版本IE支持HTML5新標簽元素的原理有兩點：
I. 在頁面中創(chuàng)建HTML5新標簽元素。
II. 將新標簽元素的樣式轉(zhuǎn)化為塊級元素。
以<nav>標簽為例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
nav {
/* 將元素轉(zhuǎn)化為塊級元素 */
display: block;
}
</style>
<script type="text/javascript">
// 創(chuàng)建<nav>標簽
document.createElement("nav");
</script>
</head>
<body>
<nav>HTML5新標簽元素</nav>
</body>
</html>
