`
caibinghong
  • 浏览: 143373 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

<meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示

 
阅读更多

<meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示

X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。

目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

  1. <meta http-equiv="X-UA-Compatible" content="IE=7" />

这样我们才能使得页面在IE8里面表现正常!

浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦。单单 IE 浏览器就有好几个主流版本,IE6、IE7、IE8 等等。当然使用诸如 IETester,多版本 IE 共存解决方案之类的第三方集成工具,可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。

X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。

各种兼容模式代码示例如下:

<meta http-equiv="X-UA-Compatible" content="IE=5" />

像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。

<meta http-equiv="X-UA-Compatible" content="IE=7" />

无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。

<meta http-equiv="X-UA-Compatible" content="edge" />

Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。

在现阶段,IE8 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐

分享到:
评论

相关推荐

    meta http-equiv=”X-UA-Compatible” content=”IE=7″ 意思是将IE8用IE7进行渲染

    X-UA-Compatible是针对ie8新...目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码: &lt;meta http-equiv="X-UA-Co

    content=”IE=7, IE=9″意思理解

    大致翻译是如果你有一个使用X-UA-Compatible Meta 标签或者http header 让网页在IE7标准模式解释的旧网站,那么这里有一个综合示例能够让ie8用ie7的标准模式呈现页面,ie9使用ie9的标准模式呈现页面。用自己的话就是...

    IE8调用IE7渲染模式,网页高度根据内容高度显示

    使mainiframe的高度根据网页高度自定义,在IE7中可以使用,IE8中无法使用,只要在&lt;head&gt;&lt;/head&gt;之间加入&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;,IE8调用IE7的渲染模式,就可以使mainiframe...

    meta http-equiv="X-UA-Compatible" content="IE=7" 意思是将IE8用IE7进行渲染

    X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=...

    借助HTML分别禁用IE8, IE9的兼容视图模式的小技巧

    meta http-equiv=”X-UA-Compatible” content=”IE=8″&gt; &lt;!–以IE8模式渲染–&gt; &lt;meta http-equiv=”X-UA-Compatible” content=”IE=7″&gt; &lt;!–以IE7模式渲染–&gt; 但是我就遇到了一种情况,在 IE8 下...

    完美解决IE兼容模式问题(使IE使用固定的渲染模式)

    –以IE8模式渲染–&gt; &lt;metahttp equiv=”X-UA-Compatible”content u201dIE=7″&gt;&lt;!–以IE7模式渲染–&gt; 还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3...

    让IE8启动IE7兼容模式的代码

    热门的tag非IE8莫属 各浏览器厂商争相发布版本更新 部分网页也存在与IE8的...meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; 只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示

    IE7兼容模式可以解决IE8 FF浏览器下出现文字重叠问题

    meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /&gt; 浏览器使用IE7兼容模式,利用IE7渲染模式,这样可以保证最大的兼容性。 但若网站有很多页面。若一页一页改,那要累晕的,可以考虑在IIS里加入如下描述...

    详解nodejs通过响应回写的方式渲染页面资源

    我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢 下面是通过node 提供的异步地读取一个文件的全部内容api readFile...meta http-equiv=X-UA-Compatible content=ie=edge&gt;

    一句代码解决css ie8兼容性问题

    meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /&gt; 只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示。 还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有...

    studyCanvas:Canvas学习

    canvascanvas元素用于使用...meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;title&gt;Document&lt;/title&gt;

    基于bootstrap实现收缩导航条

    本文实例为大家分享了bootstrap实现收缩导航条的具体代码,供大家参考,具体内容如下 ...meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=divice-width,initial-s

    功能强大的Bootstrap使用手册(一)

    meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;!--针对响应式布局,首先获取设备的物理宽度,根据设备物理宽度设置网页宽度,按照1:1缩放--&gt; &lt;meta name="viewport" content="width=device-...

    learn_Bootstrap:妙味课堂视频

    meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;!-- 该命令的含义是 如果是 IE 浏览器,使用最新的 edge 方式解析,提高渲染性能、显示效果等。--&gt; &lt;meta name="viewport" content="width=...

    febs:适用于Web的有用实用程序集

    meta http-equiv =" X-UA-Compatible " content =" IE=edge,chrome=1 " /&gt; &lt;!-- 如ie9等早期浏览器提示使用最新渲染器 --&gt; &lt; link rel =" stylesheet " type =" text/css " href =" path/febs/febs.css...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...

Global site tag (gtag.js) - Google Analytics