<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标签中加入如下代码:
- <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 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐。
分享到:
相关推荐
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=...
当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则...
大致翻译是如果你有一个使用X-UA-Compatible Meta 标签或者http header 让网页在IE7标准模式解释的旧网站,那么这里有一个综合示例能够让ie8用ie7的标准模式呈现页面,ie9使用ie9的标准模式呈现页面。用自己的话就是...
x-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua-compatible" content="IE=9" > ...
简单一行代码,让IE8自动调用IE7的渲染模式 只需要在页面中加入如下HTTP meta-tag: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 只要IE8读到这个标签,它就会自动启动IE7兼容模式,...
meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE” />1、这个到底是什么意思? 2、一些示例使用”,”分离IE的版本,而一些使用”;“,哪个正确? 3、我想知道IE=9; IE=8; IE=7; IE=...
常常会发生这样的问题:在浏览使用UTF-8编码的网页时,浏览器无法自动侦测(即没有设定“自动选择”编码格式时)该页面所用的编码。即使网页已经声明过编码格式: <meta http-equiv=”Content-Type” content=”...
在网速找了好多方法,最终还是解决了 其实最简单的方法是在头部加<meta>标签 <META HTTP-EQUIV=”Cache-Control” CONTENT=”no-cache,no-store, must-revalidate”> <META HTTP-EQUIV=”pragma” ...
1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 代码如下:<meta http-equiv=”refresh” content=”0.1; url=http://jb51.net/”> 2、Javascript实现 方法一: 这...
meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。...meta http-equiv=X-UA-Compatible content=IE=edge /> 指示IE以目前可用的最高模式显示内容
JavaScript实现简单钟表时钟 本文实例为大家分享了JavaScript实现简单...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
废话不多说了,直接给大家贴代码了,具体代码如下所示: <%... charset=UTF-8 pageEncoding=UTF-8%> ...meta http-equiv=X-UA-Compatible content=IE=edge> <meta name=viewport content=
<meta http-equiv="X-UA-Compatible" content="IE=Edge">浏览器兼容 leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"去除页面边框 list-style-type:none;去除li点 "color:red;text-decoration:none...
meta name="renderer" content="webkit|ie-comp|ie-stand">唯一标签相关,<link rel=\"canonical\">meta keywords存在(考虑是否需要进一步校验有效性)meta description存在(考虑是否需要进一步校验有效...
meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> 优先使用 IE 最新版本和 Chrome <meta name=”description” content=”不超过150个字符”/> 页面描述 <meta name=”keywords”...
由于家里用的是IE8,在公司测试好的页面回家却会有一些问题发生,所以在网上寻找了一下解决办法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式,这样可以保证最大的兼容性,原文如下,经测试好用,推荐给大家:...
前端网页开发 ...该页面由元素及其属性组成 元素-由开始标签,内容和结束标签定义 ...meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initia
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document 1 <script src="./node_modules/jquery/dist/jquery.js"></script> <!-- //这种方式是我们自己写的jsonp的 --> ...
ie7,8,9兼容哦~ html如下: 复制代码代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”...
--为了让ie采用最新的渲染模式,要把这个标签添加上--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--针对响应式布局,首先获取设备的物理宽度,根据设备物理宽度设置网页宽度,按照1:...