如何让低版本浏览器支持HTML5

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标签成块状

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章