IE9 以下版本浏览器兼容HTML5的方法,使用百度静态资源的html5shiv包

<!--[if lt IE9]> 
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
载入后,初始化新标签的CSS:

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。

为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:
实例
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
原文地址:https://www.cnblogs.com/yieryi/p/5801686.html