Rumah  >  Artikel  >  hujung hadapan web  >  如何让ie浏览器支持html5标签?

如何让ie浏览器支持html5标签?

零下一度
零下一度asal
2017-04-25 13:47:292032semak imbas

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代码(Important)

.代码  收藏代码

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

 

这个js文件原来的内容很少,现在可能更新了版本代码量加大了。具体差异在哪里我没有细究,贴出原来的代码。应该还是可以使用的。

.代码  收藏代码

  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属性。

Atas ialah kandungan terperinci 如何让ie浏览器支持html5标签?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn