HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,但遗憾的是低版本IE不支持HTML5,下面我们就一起来解决这个问题。
通过JavaScript语句document.createElement("xxx")的方式来解决这个问题我就不介绍了,因为IE8及更早的版本不支持这种方式。
下面我们一步到位,直接介绍最OK的办法:
<!--[if IE]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv-printshiv.js"></script>
< ![endif]-->
将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效)
当然,你也可以把代码拿出来自己看着办:
最后在css里面加上这段:
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
主要是让这些html5标签成块状,像div那样。
好了,简单吧,一句话概括就是:引用html5.js 使html5标签成块状