<meta http-equiv=“X-UA-Compatible”content=“IE=edge”>做什么？

如果一个网页以

<!DOCTYPE html> 
<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

如果页面以开头

<!DOCTYPE html> 
<html> 
  <head> 
     <!-- without X-UA-Compatible meta -->

如果没有区别，我想我可以忽略X-UA-兼容的元头，因为我只希望它在所有IE版本中以最标准的模式呈现。

当前回答

如果你在与服务器相同的网络中使用你的网站，IE喜欢切换到兼容模式，尽管DOCTYPE。添加meta-http equiv=“X-UA-Compatible”content=“IE=Edge”将禁用此不需要的行为。

其他回答

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

要使这条线按预期工作，请确保：

它是<head>之后的第一个元素在元标记之前不使用条件注释，例如在＜html＞元素上

否则，某些IE版本会忽略它。

更新

这两条规则被简化了，但它们很容易记住和验证。尽管MSDN文档指出您可以将标题和其他元标记放在这个之前，但我不建议这样做。

如何使用条件注释。

关于头部元素顺序的有趣文章。（blogs.msdn.com，用于IE）

参考

从MSDN文档中：

X-UA-Compatible[…]必须出现在网页的标题中（HEAD部分）在除标题元素和其他元元素之外的所有其他元素之前。

使用此选项可强制IE在地址栏中隐藏烦人的浏览器兼容性按钮：

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

2.1.3.5 X-UA-兼容元标记和HTTP响应头

此功能不会在任何版本的Microsoft Edge中实现。

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

看见https://msdn.microsoft.com/en-us/library/ff955275（v=vs.85）.aspx

是的，我知道我参加派对迟到了，但我只是有一些问题和讨论，最后我的老板让我从我一直在处理的所有文件中删除了X-UA-兼容标签。

如果此信息已过时或不再相关，请更正。

我认为这张来自微软的图表解释了一切。为了告诉IE如何呈现内容！DOCTYPE必须与X-UA-兼容的元标记一起使用！DOCTYPE本身对更改IE文档模式没有影响。

http://ie.microsoft.com/testdrive/ieblog/2010/Mar/02_HowIE8DeterminesDocumentMode_3.png

推荐文章