HTML页面如何让IE9兼容IE8

相应代码如下：

<meta http-equiv="X-UA-Compatible" content="IE=8"><!--以IE8模式渲染-->

<meta http-equiv="X-UA-Compatible" content="IE=7"><!--以IE7模式渲染-->

<meta http-equiv="X-UA-Compatible" content="IE=9IE=8IE=7IE=EDGE">

针对 IE8、IE9 分别 禁用兼容模式

HTML5的新增结构标签包括<header><footer>等，在IE8-浏览器当中，需要借助JavaScript以及CSS来实现兼容。具体代码如下：

CSS代码

<style>

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{

display: block

}

</style>

JS代码（原生JavaScript，如下示范代码当中只包含4种新标签，其他新增结构标签同理）

<script>

document.createElement('header')

document.createElement('nav')

document.createElement('article')

document.createElement('footer')

</script>

对于其他HTML5新增标签，不能够实现兼容问题。

资料来源：HTML5学堂（码匠） - HTML5 新标签兼容旧版本浏览器的方法

---