HTML页面如何让IE9兼容IE8

html-css09

HTML页面如何让IE9兼容IE8,第1张

相应代码如下:

<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 分别 禁用兼容模式

出现多余字符。由于网页js文件不够严格不兼容IE8,出现了多余的字符使用了js中保留的关键词。导致了ie8打开本地index.html文件提示缺少标识符。ie8浏览器是微软公司推出的一款网页浏览器。网页浏览器,常被简称为浏览器,是一种用于检索并展示万维网信息资源的应用程序。

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