Question

我使用了与HTML5 Boilerplate相同的meta，并且W3C HTML验证器抱怨：

错误值X-UA-兼容元素元素属性http-equiv。
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

此meta代码有什么问题？

Answer 1

X-UA兼容不是＆＃34;标准＆＃34; HTML（FSVO＆＃34;标准＆＃34;涉及出现在规范中引用的publicly editable wiki page）或Validator并不是最新的wiki的当前状态。

在撰写本文时（20130326），X-UA-Compatible出现在维基页面的一个部分下面，该部分声明：＆＃34;以下建议的扩展程序尚未符合HTML规范中的所有注册要求，并且因此尚未被允许使用有效文件。＆＃34;因此验证器拒绝此值是正确的。

Answer 2

如果您希望技术上有效（每个人都喜欢看绿色图标）而不影响任何功能，您应该能够将其包装在“if IE”标签中。

<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->

Answer 3

一种可能的解决方案是在标题中实现修复服务器端，如Aaron Layton在this nice write-up中所建议的那样。（所有的功劳都应该归他所有，我会解释而不是剽窃......）

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

“当Internet Explorer遇到此行时，如果安装了插件，它将更改用于第一个Chrome Frame的引擎，然后更改为Edge（浏览器支持的最高文档模式）。”

<强>步骤：

修复页面验证 - 只需删除标记即可实现
渲染速度 - 我们将提前发送正确的模式作为响应标题，而不是等待浏览器查看标记然后更改模式
确保我们只显示Internet Explorer的修复程序 - 我们将只使用一些服务器端浏览器检测并仅将其发送到IE

要在PHP中添加标题，我们只需将其添加到我们的页面中：

if (isset($_SERVER['HTTP_USER_AGENT']) &&
    (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false))
        header('X-UA-Compatible: IE=edge,chrome=1');

或者您可以将其添加到.htaccess文件中，如下所示：

<FilesMatch "\.(htm|html|php)$">
    <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
    </IfModule>
</FilesMatch>

链接到原始文章，检查评论可能的警告。还包括C＃的实现。

Fix Bad value X-UA-Compatible once and for all

希望这有帮助！

Answer 4

..这可能是一个很好的答案吗？

使用PHP设置HTTP标头：

http://www.joshuawinn.com/fix-html5-validator-error-bad-value-x-ua-compatible-for-attribute-http-equiv-on-element-meta/

这不是我自己的工作，但我希望它对其他人也有用。

Answer 5

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

See this article for a possible fix

Answer 6

如果您下载/构建验证器src代码，您可以自己添加支持。

将以下内容添加到html5-meta-X-UA-Compatible.rnc等文件中，然后将其包含在html5full.rnc中。

我这样做了，它可以很好地验证。

meta.http-equiv.X-UA-Compatible.elem =
  element meta { meta.inner & meta.http-equiv.X-UA-Compatible.attrs }
  meta.http-equiv.X-UA-Compatible.attrs =
    ( common.attrs.basic
      & common.attrs.i18n
      & common.attrs.present
      & common.attrs.other
      & meta.http-equiv.attrs.http-equiv.X-UA-Compatible
      & meta.http-equiv.attrs.content.X-UA-Compatible
      & ( common.attrs.aria.role.presentation
        | common.attrs.aria.role.menuitem
        )?
    )
    meta.http-equiv.attrs.http-equiv.X-UA-Compatible = attribute http-equiv {
      xsd:string {
        pattern = "X-UA-Compatible"
      }
    }
    meta.http-equiv.attrs.content.X-UA-Compatible = attribute content {
      xsd:string {
        pattern = "IE=((edge)|(EmulateIE(7|8|9|10))|7|8|9|10|11)(,chrome=(1|0))?"
      }
    }

common.elem.metadata |= meta.http-equiv.X-UA-Compatible.elem

Answer 7

请从元标记中删除,chrome=1，它会正常工作。使用验证器：

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

Answer 8

我遇到了同样的问题并且添加并围绕整条线路纠正了这种情况。

<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->

错误值X-UA-兼容元素元素属性http-equiv

8 个答案: