IE 8兼容:<meta http-equiv="X-UA-Compatible" content="IE=edge" /> X-UA-Compatible的解释

  前言:9月份开始了,大四也真正的到来了。深知自己网页布局还有很大的缺陷,接下来打算从工作中抽时间出来模仿着一些互联网公司的网站。顺便把基础理论知识打好。

  第一个目标:小米官网;后续会把练习的项目放到github上。

  平常自己写代码不是很规范,网页最基础的架构<html></html>一般用的就是DW生成的页面文件。前不久经老大调教,就改用了H5的框架结构。之前对于结构这块没有去想太多,就以为是一个基本要求的结构。今天看小米首页的活动页,看到<meta http-equiv="X-UA-Compatible" content="IE=edge" />。之前看书的时候没注意到这个,查过资料之后,了解到它其实是指定浏览器按某种方式渲染。

  以下为转载资料:

  

对于IE8及以上版本,例如:

   1: <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果用分号(;)分隔,对于不同的浏览器版本就有不同的兼容性,例如

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

以上就表明,将IE8和IE7按照IE7标准渲染,但是IE9还是按照IE9的标准渲染。它允许有不同的向后兼容水平。尽管在真实情况中,你只要选择一种版本:

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

这对于测试和维护会更加简单。而通常更加有用的方式就是进行仿真模拟

   1: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

对于IE=EDGE

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

这意味着,会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的JQuery一样,这是按照最新版本,但也可能由于没有固定的版本而破坏你的布局。

最后,考虑下面这个

   1: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:

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

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

但是<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >仍然是首选。

StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

转载请注明:淡忘~浅思 » 【译】IE 8兼容:X-UA-Compatible的解释

时间: 2024-10-24 21:53:07

IE 8兼容:<meta http-equiv="X-UA-Compatible" content="IE=edge" /> X-UA-Compatible的解释的相关文章

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; /&gt; 的说明

X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式.而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令.对于多数网站来说,它是首选的兼容性模式. 目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误

&lt; meta http-equiv = &quot;X-UA-Compatible&quot; content = &quot;IE=edge,chrome=1&quot; /&gt;的意义

X-UA-Compatible是神马? X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用.可以在微软官方文档获取更多介绍. 为什么要用X-UA-Compatible?  在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染. 使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6

优先使用最新版本的IE 和 Chrome 内核 1 &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;

兼容模式 优先使用最新版本的IE 和 Chrome 内核 1 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 转载的,这个基本知识http://www.cnblogs.com/yoosou/archive/2012/07/27/2612443.html x-ua-compatible 用来指定IE浏览器解析编译页面的model   x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他

&lt; meta http-equiv = &quot;X-UA-Compatible&quot; content = &quot;IE=edge,chrome=1&quot; /&gt;的作用

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下: < meta http-equiv = "X-UA-Compatible" content = "IE=Em

&lt;meta content=&#39;IE=edge,chrome=1&#39; http-equiv=&#39;X-UA-Compatible&#39; /&gt;

代码一:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> http-equiv="X-UA-Compatible"这个是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题. 例如指定IE8浏览器使用IE6的渲染方式呈现界面. 代码二:<meta http-equi

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;是什么?

X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页.在html中的<head>标签中可以使用. 是什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染. 使用下面的这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6.IE7下的表现就可以了. <meta http-equiv=

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge&quot;&gt;

---恢复内容开始--- X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的.通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置. 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式. 网页兼容性模式不仅可以在网页上直接设置,还可以在服务器上设置 认识网页兼容性模式 IE8支持几种文件兼容性模式,它们具有不同的特性并影响内容显示的方式. •Emulate IE8 mode指示IE使用<!DOCT

&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;的意思

<meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码,原来这个的意思是: Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式.即如果你有IE9的话说明你有IE789,那么就调用高版本的那个也就是IE9. 原链接:https://bijian1013.iteye.com/blog/19