禁止IE8使用兼容模式渲染网页的html代码
内容摘要
这两天在调试一个网页,有段html代码在IE8兼容模式下就会显示错乱,而在IE8的标准渲染模式下则显示正常。
文章正文
这两天在调试一个网页,有段html代码在IE8兼容模式下就会显示错乱,而在IE8的标准渲染模式下则显示正常。但是很多浏览器比如360安全浏览器和搜狗浏览器的默认IE内核就是IE8的兼容模式,所以用360浏览器的时候就会页面出现错乱。
那么如何禁止使用IE8兼容模式解析网页呢?在IE8以上版本的浏览器增加了一个X-UA-Compatible 头标记,用于为IE8指定不同的页面渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
这段代码表示开启IE8的标准渲染模式。但是不考虑<!DOCTYPE>指令。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
这段代码表示标准模式显示,同时使用<!DOCTYPE>指令确定如何呈现内容。一般我们首选这种兼容性模式。
所以我们如果在网页中加上了代码 <meta http-equiv="X-UA-Compatible" content="IE=8" /> 或者 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />,那么就设定要用IE8标准模式渲染网页,而不会使用兼容的模式。
有童鞋会问,如果我的页面只是在IE7或者IE8的兼容模式才浏览正常怎么办呢?我如何设置必须在IE8的兼容模式渲染网页呢?
那么就加上下面这段代码好喽~~~
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
代码注释
[!--zhushi--]