要素metaの属性http-equivのX-UA-Compatibleの値が不正です

私はmetaHTML5ボイラープレートが使用しているものと同じものを使用しており、W3C HTMLバリデーターは不平を言っています：

要素metaの属性http-equivに不正な値X-UA-Compatibleがあります。

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

このmetaタグの何が問題になっていますか？

X-UA-Compatibleが「標準」HTML（仕様によって参照される公開編集可能なWikiページに表示されることを含むFSVOの「標準」）ではないか、ValidatorがそのWikiの現在のステータスで最新ではありません。

これを書いている時点では（20130326）X-UA-Compatibleは、Wikiページの次のセクションに表示されます。ドキュメント。」したがって、バリデーターはこの値を拒否するのに適切です。

機能的に影響を与えずに技術的に有効にする（誰もが緑のファビコンを見るのが大好き）ようにしたい場合は、「if IE」タグでラップするだけで十分です。

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

Aaron Laytonによるこのすばらしい記事で示唆されているように、1つの可能な解決策は、ヘッダーに修正サーバー側を実装することです。（すべての信用は彼に行くべきです、そして私は盗用するのではなく言い換えます...）

<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＃の実装も含まれます。

不正な値X-UA互換を修正しました

お役に立てれば！

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

可能な修正については、この記事を参照してください

..これは良い答えでしょうか？

PHPでHTTPヘッダーを設定します。

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

これは私自身の作品ではありませんが、他の人にも役立つことを願っています。

バリデータ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

,chrome=1正常に機能するメタタグから削除してください。バリデータ付き：

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

私は同じ問題を抱えており、追加してその行全体を囲むことで状況が改善されました。

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