ie9以下兼容html5方法

747 阅读1分钟

ie6、7、8是不兼容html5的语义化标签的,为了更好的兼容,这里可以引入html5shiv.js(也就几kb的大小),只有在ie6、7、8中使用。

1.github下载地址:github.com/aFarkas/htm…

2.在你文件的head里边进行引入:

<!--[if lt IE 9]>  
    <script src="这些填写你下载的js文件路径" type="text/javascript" charset="utf-8"></script>
<![endif]-->  

3.在你的css中对html5的语义化标签添加display:block;属性

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu{
    display:block
}

4.为了更好的兼容,建议在head中添加如下一行代码,其作用是如果浏览器支持chrome引擎渲染,则用chrome渲染,否则以ie的最高版本渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge">