Неверное значение X-UA-Compatible для атрибута http-Equiv в метаэлементе

Я использовал то же самое, metaчто и HTML5 Boilerplate, и валидатор HTML W3C жалуется:

Неверное значение X-UA-Compatible для атрибута http-экв в метаэлементе.

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

Что не так с этим metaтегом?

Либо X-UA-Compatible не является «стандартным» HTML («стандарт» FSVO, который включает отображение на общедоступной странице wiki, на которую ссылается спецификация), либо Validator не обновляет текущий статус этой wiki.

На момент написания (20130326) X-UA-Compatible отображается на вики-странице в разделе, который гласит: «Следующие предлагаемые расширения еще не соответствуют всем требованиям регистрации в спецификации HTML и, следовательно, еще не разрешены в действительных документы ". Таким образом, валидатор правильно отклоняет это значение.

Если вы хотите сделать его технически допустимым (всем нравится видеть зеленый значок), не влияя на какие-либо функции, вы можете просто заключить его в тег «if IE».

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

Одно из возможных решений - реализовать исправление на стороне сервера в заголовке, как это было предложено в этой красивой статье Аарона Лейтона. (Вся заслуга принадлежит ему, и я скорее перефразирую, чем плагиат ...)

<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-Compatible раз и навсегда

Надеюсь это поможет!

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

См. Эту статью для возможного исправления

.. может это быть хорошим ответом?

Установите заголовок HTTP с помощью PHP:

• 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]-->