Question

如何让IE8浏览器兼容新的HTML5元素

在调IE8兼容的时候遇到了问题

Answer 1

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 新标签兼容旧版本浏览器的方法