禁止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--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!