使用Html5shiv.js讓ie支持html5

時間 2019-12-14

標籤使用 html5shiv.js html shiv 支持 html5 欄目 HTML 简体版

原文原文鏈接

ie低版本不支持html5標籤，能夠引入一段腳本，在ie瀏覽器中建立html5的標籤。css

1，能夠在網上下載html5shiv的壓縮包，引入壓縮版的html5shiv.min.js便可。html

腳本引用要在head中，這時候建立html標籤。html5

也能夠使用cdn服務，瀏覽器

版本在 http://www.bootcdn.cn/html5shiv/佈局

2，<!--[if IE]> 是用來判斷ie的，只有ie識別，其餘瀏覽器會把它當作註釋。spa

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <!-- 引用html5shiv,它建立了html5標籤  只有在ie中才會引入 -->
 7     <!--[if IE]>
 8     <script src="html5shiv.min.js"></script>
 9     <![endif]-->
10 
11     <style type="text/css">
12         /*由於HTML5在默認狀況下表現爲內聯元素，對這些元素進行佈局咱們須要利用CSS手工把它們轉爲塊狀元素方便佈局，添加color=red方便驗證效果*/
13         article,aside,dialog,footer,header,section,footer,nav,figure,menu
14         {display:block; color: red;}
15     </style>
16 
17 </head>
18 <body>
19 
20 <header>頭部</header>
21 <section>section</section>
22 <footer>底部</footer>
23 
24 </body>
25 </html>