首頁 > web前端 > H5教程 > 如何讓ie瀏覽器支援html5標籤?

如何讓ie瀏覽器支援html5標籤?

零下一度
發布: 2017-04-25 13:47:29
原創
2061 人瀏覽過

Html5風靡很久了,不研究html5+css3實在有些過不去,今天先從最基本的開始介紹吧,讓ie家族老前輩能夠認識html5的新標籤。

1.頁面中加入程式碼

  1. <!--[if lt IE 9]>   
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>   
    <![endif]-->
    登入後複製

 

2.定義CSS程式碼(重要)

.程式碼  如何讓ie瀏覽器支援html5標籤?

  1. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
    登入後複製

 

這個js檔案原來的內容很少,現在可能更新了版本代碼量加大了。具體差異在哪裡我沒有細究,貼出原來的程式碼。應該還是可以使用的。

.程式碼  如何讓ie瀏覽器支援html5標籤?

  1. (function(){if(!/*@cc_on!@*/
    0
    )return;var e =
    "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video"
    .split(
    &#39;,&#39;
    ),i=e.length;while(i--){document.createElement(e[i])}})()
    登入後複製

要的朋友拿去吧。可以直接放到頁面中。不過注意第二步,給html5標籤定義上display:block屬性。

以上是如何讓ie瀏覽器支援html5標籤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板