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">