html中meta标签的 http-equiv属性是"X-UA-Compatible" content是"IE=edge"的意义详解

最新推荐文章于 2024-02-21 17:25:09 发布
最新推荐文章于 2024-02-21 17:25:09 发布
阅读量1.8k 收藏 3
点赞数 1
分类专栏： HTML
原文链接：https://www.cnblogs.com/chendc/p/5423337.html
版权

X-UA-Compatible是神马？ 

X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页，在html的<head>标签中使用。可以在微软官方文档获取更多介绍。

 

为什么要用X-UA-Compatible？ 

在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 
使用下面这段代码后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6、IE7下的表现就可以了。 

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


使用下面这段代码使用的是Edge 。模式Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染。

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

 

使用以下代码强制 IE 使用 Chrome Frame 渲染

<meta http-equiv="X-UA-Compatible" content="chrome=1">

 

最佳的兼容模式方案：

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

 ps：

为防止失效，X-UA-Compatible最好紧跟在head之后，之前不要有任何不标准的标签。

 

转载自https://www.cnblogs.com/chendc/p/5423337.html

风从北方来
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解Vue.js v-for不支持IE9的解决方法
12-09
最近一个小项目，在最后的测试阶段出现了问题，使用了Vue，在Chrome、Firefox、Safari、IE11下都可以访问，唯独IE9下无法正常显示，排除程序问题后，最终判断是Vue的锅，替换版本后解决。经过测试，2.16、2.17 在IE9下无法使用 v-for 导致的。 写了一个简单的demo，在IE9下无法显示列表，运行结果如下： 测试代码如下： <!DOCTYPE html> <html lang=zh-CN> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
IE=edge,chrome=1的META信息详解
01-19
这几天在玩 HTML5 ★ Boilerplate，注意到meta信息中有这么一句： 复制代码代码如下: <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> 但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了? 迅速搜索了一下，才明白原来不是微软增强了IE，而是谷歌做了个外挂：Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7
关于＜ meta http-equiv = “X-UA-Compatible“ content = “IE=edge“ /＞
最新发布
m0_69090665的博客
02-21 396
遇到一行代码。
JavaScript中Dom操作实例详解
12-12
本文实例讲述了JavaScript中Dom操作。分享给大家供大家参考，具体如下： 博主将按照增删改查的方式来介绍一下Dom的主要操作。 1、增加节点 添加节点的操作主要分为3步： （1）创建要添加的新节点 （2）找到要添加到的父节点 （3）父节点添加新节点 参考代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href="">
Vue的属性、方法、生命周期实例代码详解
01-21
实例 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA-Compatible content=ie=edge> <title>Vue的属性、方法和生命周期</title> [removed][removed] </head> <bod
关于IE8兼容：X-UA-Compatible属性的解释
12-13
问题描述： 复制代码代码如下:<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=EDGE顺序的含义。 在文档中使用了<!DOCTYPE> 答复： 对于IE8及以上版本，例如： 复制代码代码如下: <meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7″ />强制浏览器按照特定的版本标准进行
meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" 的意义
菜菜的博客
04-20 894
< meta http-equiv = “X-UA-Compatible” content = “IE=edge,chrome=1” />的意义 X-UA-Compatible是神马？ X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。 <meta http-equiv="X-...
<meta http-equiv="X-UA-Compatible" content="ie=edge">的意思
diebaiying3731的博客
04-28 2490
<meta http-equiv="X-UA-Compatible" content="ie=edge">vscode创建html文件默认有这串代码，原来这个的意思是： Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789，那么就调用高版本的那个也就是IE9。...
http-equiv=“X-UA-Compatible“是什么意思？
weixin_42321619的博客
10-12 7876
IE兼容模式： 为了帮助确保网页在将来的 Internet Explorer 版本中具有一致的外观，Internet Explorer 8 引入了文档兼容性。文件兼容性用于定义IE如何渲染网页。怎么查看当前网页在IE下的兼容性模式： 在浏览器中按F12打开IE开发人员工具可以查看到浏览器模式和文档模式。 1、浏览器模式影响浏览器的行为表现以及声明的版本号。 2、文档模式影响DOM的转换、渲染操作，影响的是浏览器的外观表现，决定网页显示成什么样子的。 X-UA-Compatible是自从IE8新加的一个设置，
meta标签 meta http-equiv = “X-UA-Compatible“ content = “IE=edge,chrome=1“ /＞释疑
weixin_45734905的博客
04-11 1611
在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。很多小伙伴们在刚刚学习前端html时，只会照搬，而忽略了为什么要写这句代码，他起着什么作用深深的困扰着我们。使用下面这段代码之后，开发者无需考虑网页是否兼容IE8浏览器，只要确保网页在IE6，IE7下的表现就可以了。以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。结合各位前辈们的讲解，我得到了一些总结，
meta标签 meta http-equiv = “X-UA-Compatible“ content = “IE=edge,chrome=1“ /＞解析
qq_41642640的博客
02-17 3148
  在练习css3动画特效时遇见如下代码 < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />  逛了逛前辈们的博客园，把对于该代码的解析做了总结：   常用的例子： <meta http-equiv="X-UA-Compatible" content="IE=7"...
Vue.js标签页组件使用方法详解
01-19
本文实例为大家分享了Vue.js标签页组件使用的具体代码，供大家参考，具体内容如下 效果 入口页 index.html <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA-Compatible content=ie=edge> <title>标签页组件</title> <link rel=stylesheet t
<meta http-equiv="X-UA-Compatible" content="IE=edge" />详解
wjxbj的博客
11-20 4321
        X-UA-Compatible是针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含&lt;!DOCTYPE&gt;指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循&lt;!DOCTYPE&gt;指令。对于多数网站来说，它...
HTML中<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">理解
Idiotxin的博客
05-07 1113
首先简单解释标签http-equiv属性 http-equiv属性类似HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助其正确和精确地显示网页内容。 然后来说 这是一个文档兼容模式的定义。Edge模式告诉IE以最高级模式渲染文档，也就是任何IE版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单地说，就是什么版本IE就用什么版本的标准模式渲染 使用强制使用Ch
关于 < meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
热门推荐
ccfxue的博客
04-25 2万+
本文转载自http://blog.csdn.net/abxn2002/article/details/7312459 http://www.cnblogs.com/diligenceday/p/3894557.html  meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 介绍
分析< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
salestina的博客
09-30 1607
刚看到网站上在网页的头文件里面写的meta标记。代码如下： meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" /> 很多朋友或许很不理解，这个标记是做什么的。先来分析下代码的结构。 meta标记属于html标签的元数据，它由服务器返回给浏览器，浏览器接收代码后会将代码解释执行。元数据代码不会被显示在页面上，只
meta中的http-equiv = "X-UA-Compatible"
前端知识总结
09-07 1万+
       今天看到&lt;meta http-equiv = "X-UA-Compatible" content="ie=edge"&gt;这个标签感到很困惑，按捺不住好奇心去查了下，总结了几篇讲的比较好的文章，写下一些感悟。 百度经验：https://jingyan.baidu.com/article/bea41d43a40910b4c51be60a.html ； 长江之友博客文：htt...
【META 标签的 HTTP-EQUIV=“X-UA-COMPATIBLE“ 使用说明】
qq_21504583的博客
06-21 2482
http-equiv属性 X-UA-Compatible 属性值 浏览器兼容 IE版本兼容模式 IE浏览器版本模拟
<meta http-equiv="X-UA-Compatible" content="ie=edge">
06-10
这是一个 HTML 中的元数据，用于设置浏览器的文档模式（document mode）。由于不同的浏览器对 HTML 解析的方式可能有所不同，所以同一份 HTML 代码在不同的浏览器中可能会产生不同的渲染结果。为了解决这个问题，可以通过设置 `http-equiv` 属性为 `X-UA-Compatible`，并将 `content` 属性设置为 `IE=edge`，来告诉 IE 浏览器使用最新的文档模式来解析 HTML。 在 IE 浏览器中，有不同的文档模式，例如 Quirks 模式、Standard 模式、Edge 模式等。使用 `IE=edge` 可以让 IE 浏览器使用最新的文档模式来解析 HTML，确保网页在不同版本的 IE 浏览器中都可以正确显示和渲染。同时，这个 meta 标签也可以告诉其他浏览器使用最新的标准模式来解析 HTML。 需要注意的是，这个 meta 标签应该放在 HTML 文档的头部，确保浏览器在解析 HTML 时能够正确识别文档模式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值