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

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

零下一度
零下一度原創
2017-04-25 13:47:292082瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn