meta X-UA-Compatible IE=EmulateIE7 什么意思

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

meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>网易</title>
<base target="_blank" />
<meta name="keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册" />
<meta name="description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
<meta http-equiv="x-ua-compatible" content="ie=emulateie7" />

这样我们才能使得页面在ie8里面表现正常! http-equiv="x-ua-compatible" content="ie=emulateie7" />标签!
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<!--[if ie 6]><script type="text/网页特效">try { document.execcommand('backgroundimagecache', false, true); } catch(e) {}</script><![endif]-->

  那这个标签是什么意思呢?让我来看下msdn上的说明:

在ie8 beta 1中,该选项是"ie浏览器= 7的"x -尿酸兼容的标记,它指示要显示在ie7 ie8的标准模式的内容。但是,这并不解决方案是,当ie浏览器= 7是一个http头到一个站点,其中包含怪癖模式的网页应用。在ie = 7 http头将迫使所有网页 - 既有怪癖和标准 - 显示在ie7标准模式。开发人员使用这个头,同时在更新他们的网站将不得不添加"ie浏览器= 5"的标签,以每一页,他们要保留的怪癖模式。这种逻辑是罚款许多网站。但是,如果一个网站有很多网页的怪癖模式,或与框架的情况下举办的网页的内容严格和怪癖模式 - 作为揭示了ie8的beta 1的用户反馈 - 兼容性选择退出增加了一个多一点的混合工作比我们预期。

  x-ua-compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="ie=7"在无论页面是否包含指令,都像是使用了 windows internet explorer 7的标准模式。而content="ie=emulateie7"模式遵循指令。对于多数网站来说,它是首选的兼容性模式。

  目前ie8尚在测试版中,所以为了避免制作出的页面在ie8下面出现错误,建议直接将ie8使用ie7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:
         <meta http-equiv="x-ua-compatible" content="ie=7" />
  这样我们才能使得页面在ie8里面表现正常! http-equiv="x-ua-compatible" content="ie=emulateie7" />标签!

更详细的说明

x-ua-compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="ie=7"在无论页面是否包含<!doctype>指令,都像是使用了 windows internet explorer 7的标准模式。而content="ie=emulateie7"模式遵循<!doctype>指令。对于多数网站来说,它是首选的兼容性模式。

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

<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 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐。

我们还要可通知用html现实例

<!doctype html public "-//w3c//dtd html 4.01 strict//en">
<html>
      <head>
         <title>测试页</title>
         <meta http-equiv="x-ua-compatible" content="ie=8"/>
         <!--[if gte ie 8]>
         <style type="text/css教程">
         body {
          color:#0000ff;
          background-color:#000000;
         }
         </style>
         <![endif]-->
         <!--[if lt ie 8]>
         <style type="text/css">
         body {
          color:#000000;
          background-color:#ffffff;
         }
         </style>
         <![endif]-->
      </head>
      <body>
         <h1>
         <!--[if gte ie 8]>
         第 1 章。
         <![endif]-->
         第一章
         </h1>
         <h1>
         <!--[if gte ie 8]>
         第 2 章。
         <![endif]-->
         第二章
         </h1>
         将看到任何版本的文本。
      </body

时间: 2024-10-03 15:04:46

meta X-UA-Compatible IE=EmulateIE7 什么意思的相关文章

你的网站添加X-UA-Compatible meta标签了吗?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 细心的朋友会发现下面的html代码中多了一个<细心的朋友会发现下面的html代码中多了一个<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />标签!     <meta http-equiv="Con

设置双核浏览器的浏览模式&amp;lt;meta name=“renderer” content=“webkit|ie-comp|ie-stand”&amp;gt;

今天上知乎看到有人在上邀请我回答这样一个问题:如果访问的页面中有 CSS3 代码,双核浏览器会自动切换到 Webkit 内核吗?http://www.zhihu.com/question/20094625 我的第一反应是:不会.目前我知道IE可以设置浏览模式: <br /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7″ /> <br /> <meta http-e

html中meta标签用法详解

meta标签 是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务. 申明文档使用的字符编码 <meta charset='utf-8'> 或者 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 该 m

前端基础知识:Meta标签的那些事

Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务. 我现将前端页面开发经常用到的meta标签内容整理成文,加入了移动端web开发meta信息,供需要时查阅. 1.申明文档使用的字符编码 <meta charset='utf-8'> 或 <meta http-equiv="Content-Type" c

ie emulateie7标签作用解析

在页面head结束前加上如下代码 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式.而conten

IE9+已经不对document.createElement向下兼容的解决方法_javascript技巧

今天发现某网站上,IE9和chrome中页面的功能居然有差异,于是在IE9下打开console,发现一堆js报错,用fiddler跟踪了一下,原来代码里有一句是这样的: if(ie){ var iframe = document.createElement('<iframe src="http://www.jb51.net"></iframe>'); } 是的,问题就出在这里:DOM Exception: INVALID_CHARACTER_ERR (5)因为在

周末大放送网站图片上传,水印,预览,截图

    周末闲着没事,将网站中经常用到的对图片的操作做了一个总结,方便以后回顾,这里将一天的成果,贴出来,希望能帮到大家.     首先是swfupload方式的无刷新上传,关于怎么配置,按照demo 的写法,我相信只要你不是太笨,都能成功.     关于swfupload你可以去网上下,也可以点这里下载:SWFUpload_v250_beta_3_samples.rar    项目结构:               上传代码: 前台上传页面,你可以根据需要建html页,也可以建webform.

如何让IE8默认自动调用以IE7兼容模式运行

只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示... 这几天最热门的tag非IE8莫属 各浏览器厂商争相发布版本更新 部分网页也存在与IE8的兼容性问题 简单一行代码,让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 只要IE8读到这个标签,它就会自动启动IE7兼容模式,保

用一行代码解决CSS各种IE各种兼容问题

用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10 中的各种兼容性问题. 在网站前端写代码的过程中,很多时间IE各个版本的兼容问题很难整.现在百度与谷歌都有了一行解决这种兼容性的代码了.如下面的. 办法一 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 1 <!Doctype html> 2 <htmlxmlns=http://www.w3.org/1999/xhtmlxmlns:bd=http://www.baidu.com/2010/xbdml> 3