Valor incorrecto X-UA-Compatible para el atributo http-equiv en el elemento meta

He usado el mismo metaque usa HTML5 Boilerplate, y el validador de HTML W3C se queja:

Valor incorrecto X-UA-Compatible para el atributo http-equiv en el meta del elemento.

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

¿Qué le pasa a esta metaetiqueta?

O X-UA-Compatible no es HTML "estándar" (FSVO "estándar" que implica aparecer en una página wiki editable públicamente a la que hace referencia la especificación) o el Validador no está actualizado con el estado actual de esa wiki.

En el momento de escribir este artículo (20130326) X-UA-Compatible aparece en la página wiki en una sección que dice: "Las siguientes extensiones propuestas aún no cumplen con todos los requisitos de registro en la especificación HTML y, por lo tanto, aún no están permitidas en documentos." Entonces, el validador está en lo correcto al rechazar este valor.

Si está buscando que sea técnicamente válido (a todos les encanta ver el favicon verde) sin afectar ninguna funcionalidad, debería poder envolverlo en una etiqueta "if IE".

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

Una posible solución es implementar una corrección del lado del servidor en el encabezado, como se sugiere en este bonito artículo de Aaron Layton. (Todo el crédito debe ser para él, y parafrasearé en lugar de plagiar ...)

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

"Cuando Internet Explorer se encuentra con esta línea, cambiará el motor que se está utilizando a Chrome Frame primero, si el complemento está instalado, y luego a Edge (el modo de documento más alto admitido del navegador)".

Pasos :

• Corrija la validación de la página: esto se logra simplemente quitando la etiqueta
• Velocidad de representación: en lugar de esperar a que el navegador vea la etiqueta y luego cambie los modos, enviaremos el modo correcto por adelantado como un encabezado de respuesta
• Asegúrese de que solo mostramos la solución para Internet Explorer: solo usaremos alguna detección del navegador del lado del servidor y solo la enviaremos a IE

Para agregar el encabezado en PHP, podemos agregar esto a nuestra página:

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

O puede agregarlo a su archivo .htaccess así:

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

Enlace al artículo original, consulte los comentarios para ver posibles advertencias. También incluye una implementación para C #.

Arregle el valor incorrecto X-UA-Compatible de una vez por todas

¡Espero que esto ayude!

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

Vea este artículo para una posible solución

.. ¿puede ser esta una buena respuesta?

Establecer encabezado HTTP con PHP:

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

Este no es mi propio trabajo, pero espero que también sea útil para otros.

Si descarga / crea el código src del validador, puede agregar soporte usted mismo.

Agregue lo siguiente a un archivo como html5-meta-X-UA-Compatible.rnc) Luego inclúyalo enhtml5full.rnc .

Hice esto y funciona muy bien para validar.

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

Elimínelo ,chrome=1de la metaetiqueta, funcionará bien. Con validador:

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

Tuve el mismo problema y agregar y rodear toda la línea solucionó la situación.

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