我这边申明下：我写这篇日志主要是想然ie8可以支持html5的个别标签闭合，并不能让ie全然支持html5。我之前写的可能会误导非常多同学。希望大家能明确。

今天脑抽想用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://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插件的功能非常强大还不止这些假设想要了解很多其它的资料能够点击官网查看。

这是一遍中文的简单介绍挺好的能够看看哦~说了这么多，还是把插件拿出来分享，狠狠点击这里下载，直接在head那边加入

<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script>

这个外链插件脚本让你的页面不在烦恼。

这个是我的qq:419268793。欢迎志同道合的朋友。

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