由于一些較早的瀏覽器不兼容HTML5歧蒋,因此對(duì)于HTML5中的新標(biāo)簽元素醉锄,這些瀏覽器自動(dòng)將其作為內(nèi)聯(lián)元素處理访得。
HTML5兼容性解決方案
- html5shiv是一個(gè)針對(duì) IE 瀏覽器的 HTML5 JavaScript 補(bǔ)丁龙亲,目的是讓 IE 識(shí)別并支持 HTML5 元素。因此只需在 IE9 以下版本的瀏覽器中引入此 HTML5 JavaScript 補(bǔ)丁即可解決悍抑。
傳送門: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新標(biāo)簽元素的原理
html5shiv讓低版本IE支持HTML5新標(biāo)簽元素的原理有兩點(diǎn):
I. 在頁面中創(chuàng)建HTML5新標(biāo)簽元素鳄炉。
II. 將新標(biāo)簽元素的樣式轉(zhuǎn)化為塊級(jí)元素。
以<nav>標(biāo)簽為例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
nav {
/* 將元素轉(zhuǎn)化為塊級(jí)元素 */
display: block;
}
</style>
<script type="text/javascript">
// 創(chuàng)建<nav>標(biāo)簽
document.createElement("nav");
</script>
</head>
<body>
<nav>HTML5新標(biāo)簽元素</nav>
</body>
</html>