首页 > 代码库 > ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)

ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)



今天脑抽想用html5标签设计一个网页,我本人用的是火狐浏览器,都弄好后我发现一个很严重的问题,除了ie9以下的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)

我上网找了好多中方法,有网友说使用


<!--[if lt IE9]>
<script>
   (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(‘, ‘);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     }
})()
</script>
<![endif]-->


或者


<!--[if lt IE9]>
<script src=http://www.mamicode.com/"http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> //谷歌现在已经退出了中国市场(除了中国和朝鲜以外的国家都可以访问,呵呵~)
<![endif]-->
/*html5*/article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}


我都试过了,但是发现还是不行,我就很纳闷,于是我就“灵机一动”找了几个国外的网站解剖它发现原来是使用了Modernizr插件,我就死马当活马医放到了网页中,结果不出我所料果然所有的html5标签都可以支持,我用ie11的开发者模式调试了ie6-ie8都没有问题,甚至无聊的我还测试了ie5也可以完美支持。

其实这个Modernizr插件的功能很强大还不止这些如果想要了解更多的资料可以点击官网查看

这是一遍中文的简介挺好的可以看看哦~说了这么多,还是把插件拿出来分享,狠狠点击这里下载,让你的页面不在烦恼。


原文地址http://haiqiancun.com/bbs/bbsPage/0/detail/297e9e7946a599780146a5a38dde0003/1/20140812090617