¿Qué hace?

Question

¿Qué hace?

¿Cuál es la diferencia si una página web comienza con

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

Y Si la página comienza con

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

Si no hay diferencia, supongo que puedo ignorar el encabezado meta X-UA-Compatible, ya que solo quiero que se muestre en la mayoría de los modos estándar en todas las versiones de IE.

1224

internet-explorer browser x-ua-compatible

Author: isherwood, 2011-07-21

Source

12 answers

Uso content="IE=edge,chrome=1" Saltar otros modos X-UA-Compatible

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

No hay icono de compatibilidad
La barra de direcciones IE9 no muestra el botón de Vista de compatibilidad
y la página tampoco muestra un revoltijo de menús, imágenes y cuadros de texto fuera de lugar.
Características
Esta meta etiqueta es necesaria para habilitar javascript::JSON.parse() en IE8
(incluso cuando <!DOCTYPE html> está presente)
Corrección
La representación/Ejecución de HTML/CSS/JavaScript moderno es más válida (mejor).
Rendimiento
El motor de renderizado Trident debería funcionar más rápido en su modo edge .

Uso

En su HTML

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

IE=edge significa que IE debe usar la última versión (edge) de su motor de renderizado
chrome=1 significa que IE debe usar el motor de renderizado cromado si está instalado

O mejor en la configuración de su servidor web:
(véase también la respuesta de RiaD )

Apache según lo propuesto por pixeline

<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
  </IfModule>
</IfModule>
<IfModule mod_headers.c>
  Header append Vary User-Agent
</IfModule>

Nginx propuesta por Stef Pause

server {
  #...
  add_header X-UA-Compatible "IE=Edge,chrome=1";
}

Barniz poder propuesto por Lucas Riutzel

sub vcl_deliver {
  if( resp.http.Content-Type ~ "text/html" ) {
    set resp.http.X-UA-Compatible = "IE=edge,chrome=1";
  }
}

IIS (desde v7)

<configuration>
  <system.webServer>
     <httpProtocol>
        <customHeaders>
           <add name="X-UA-Compatible" value="IE=edge,chrome=1" />
        </customHeaders>
     </httpProtocol>
  </system.webServer>
</configuration>

Microsoft recomienda Modo Edge desde IE11

Como observó Lynda (ver comentarios), el Cambios de compatibilidad en IE11 recomienda Modo Edge :

A partir de IE11, el modo edge es el modo de documento preferido; representa el soporte más alto para los estándares modernos disponibles para el navegador.

Pero la posición de Microsoft no estaba clara. Otro MSDN page no recomendó Modo Edge:

Porque el modo Borde obliga a que todas las páginas se abran en modo estándar, independientemente de la versión de Internet Explorer, es posible que se sienta tentado a usar esto para todas las páginas vistas con Internet Explorer. No haga esto, ya que el encabezado X-UA-Compatible solo es compatible con el inicio con Windows Internet Explorer 8.

En su lugar, Microsoft recomendó usar <!DOCTYPE html>:

Si quieres todo versiones compatibles de Internet Explorer para abrir sus páginas en modo estándar, utilice la declaración de tipo de documento HTML5 [...]

Como Ricardo explica (en los comentarios a continuación) cualquier DOCTYPE (HTML4, XHTML1...) se puede usar para activar el modo Estándar, no solo el DOCTYPE de HTML5. Lo importante es tener siempre un DOCTYPE en la página.

Clara Onager incluso ha notado que en una versión anterior de se especifica un documento heredado modos:

El modo Edge está diseñado solo para fines de prueba; no lo utilice en un entorno de producción.

Es tan confuso que Usman Y pensó Clara Onager estaba hablando de:

El [...] el ejemplo se proporciona únicamente con fines ilustrativos; no lo use en un entorno de producción.
<meta http-equiv="X-UA-Compatible" content="IE=7,9,10" >

Bueno... En el resto de esta respuesta doy más explicaciones por qué usar content="IE=edge,chrome=1" es un buenas prácticas en producción.

Historia

Durante muchos años (2000 a 2008), ES decir, la cuota de mercado fue superior al 80%. E IE v6 se consideró como un de facto estándar (80% a 97% de cuota de mercado en 2003, 2004, 2005 y 2006 para IE6 solamente, más cuota de mercado con todas las versiones de IE).

Como IE6 no estaba respetando Los estándares web, los desarrolladores tenían para probar su sitio web utilizando IE6. Que la situación era genial para Microsoft (MS), ya que los desarrolladores web tenían que comprar productos de MS (por ejemplo, IE no se puede usar sin comprar Windows), y era más lucrativo seguir sin cumplir (es decir, Microsoft quería convertirse en el estándar excluyendo a otras compañías).

Por lo tanto, muchos sitios web eran compatibles con IE6 solamente, y como IE no era compatible con el estándar web, todos estos sitios web no estaban bien renderizados en navegadores compatibles con los estándares. Aún peor, muchos sitios solo se requiere IE .

Sin embargo, en este momento, Mozilla comenzó el desarrollo de Firefox respetando tanto como sea posible todos los estándares web (otros navegadores se implementaron para renderizar páginas como lo hizo IE6). A medida que más y más desarrolladores web querían utilizar las nuevas características de los estándares web, más y más sitios web eran más compatibles con Firefox que IE.

Cuando la cuota de mercado de IE estaba disminuyendo, los Estados miembros se dieron cuenta de que no era una buena idea mantener el estándar incompatible. Por lo tanto, MS comenzó a lanzar nueva versión de IE (IE8 / IE9 / IE10) respetando cada vez más los estándares web.

El problema incompatible con la web

Pero el problema es que todos los sitios web diseñados para IE6: Microsoft no pudo lanzar nuevas versiones de IE incompatibles con estos viejos sitios web diseñados por IE6. En lugar de deducir la versión de IE que se ha diseñado un sitio web, MS solicitó a los desarrolladores que agregaran datos adicionales (X-UA-Compatible) en sus páginas.

IE6 todavía se utiliza en 2016

Hoy en día, IE6 sigue siendo utilizado (0,7% en 2016) (4.5% en enero de 2014), y algunos sitios web de Internet siguen siendo compatibles con IE6-only. Algunos sitios web/aplicaciones de intranet se prueban utilizando IE6. Algunos sitios web de intranet son 100% funcionales solo en IE6. Estas empresas / departamentos prefieren posponer el costo de la migración: otras prioridades, nadie ya no sabe cómo se ha implementado el sitio web/aplicación, el propietario del sitio web/aplicación heredado se declaró en quiebra...

China representa el 50% del uso de IE6 en 2013, pero puede cambiar en los próximos años ya que La distribución china de Linux se está transmitiendo .

Confía en tus habilidades web

Si (intenta) respetar el estándar web, simplemente siempre puede usar http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". Para mantener la compatibilidad con navegadores antiguos, simplemente evite usar las funciones web más recientes: use el subconjunto compatible con el navegador más antiguo que desea admitir. O si quieres ir más allá, puedes adoptar conceptos como Degradación agraciada, Progresivo mejora y JavaScript discreto. (También puede estar encantado de leer ¿Qué debe considerar un desarrollador web?.)

No le importa la mejor versión de IE: este no es su trabajo, ya que los navegadores deben cumplir con los estándares web. Si su sitio cumple con los estándares y utiliza características moderadamente recientes, por lo tanto, los navegadores deben cumplir con su sitio web.

Además, como hay muchas campañas para matar{[57]]} IE6 (IE6 no más, MS campaign ), hoy en día puede evitar perder el tiempo con las pruebas de IE!

Experiencia personal IE6

En 2009-2012, trabajé para una empresa que utiliza IE6 como el único navegador oficial permitido. Tuve que implementar un sitio web de intranet solo para IE6. Decidí respetar el estándar web pero usando el subconjunto compatible con IE6 (HTML / CSS / JS).

Fue difícil, pero cuando la compañía cambió a IE8, el sitio web todavía estaba bien renderizado porque había usado Firefox y firebug para comprobar la compatibilidad con el estándar web;)

313

Author: olibre,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 11:55:02

La diferencia es que si solo especifica el DOCTYPE, la configuración de Vista de compatibilidad de IE tiene prioridad. De forma predeterminada, estos ajustes fuerzan todos los sitios de intranet a la vista de compatibilidad, independientemente de DOCTYPE. También hay una casilla de verificación para usar la vista de compatibilidad para todos los sitios web, independientemente de DOCTYPE.

IE Compatibilidad Ver Configuración diálogo

X-UA-Compatible anula la configuración de la vista de compatibilidad, por lo que la página se renderizará en modo estándar independientemente de la configuración del navegador. Esto fuerza el modo estándar por:

páginas de intranet
páginas web externas cuando el administrador de la computadora ha elegido "Mostrar todos los sitios web en vista de compatibilidad" como predeterminado: piense en grandes empresas, gobiernos, universidades
cuando accidentalmente terminas en la Lista de vista de compatibilidad de Microsoft
casos en los que los usuarios han agregado manualmente su sitio web a la lista en la configuración de la vista de compatibilidad

DOCTYPE solo no puede hacer eso; usted terminará en uno de los modos de vista de compatibilidad en estos casos independientemente de DOCTYPE.

Si se especifican tanto la etiqueta meta como el encabezado HTTP, la etiqueta meta tiene prioridad.

Esta respuesta se basa en examinar las reglas completas para decidir el modo de documento en IE8, IE9 , y IE10. Tenga en cuenta que mirar el DOCTYPE es el último recurso para decidir el modo de documento.

53

Author: andrewdotn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-04-23 16:28:16

Use esto para forzar a IE a ocultar ese molesto botón de compatibilidad del navegador en la barra de direcciones:

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

24

Author: George Filippakos,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-13 09:25:03

Dado que no puedo agregar un comentario a la respuesta marcada, solo publicaré esto aquí.

Además de la respuesta correcta, puede tener esto validado. Dado que esta meta etiqueta solo está dirigida para IE, todo lo que necesita hacer es agregar un condicional IE.

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

Hacer esto es como agregar cualquier otra instrucción condicional IE y solo funciona para IE y ningún otro navegador se verá afectado.

22

Author: EMurph78,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-06-15 14:38:57

Creo que este diagrama de Microsoft explica todo. Con el fin de decirle a IE cómo renderizar el contenido, !DOCTYPE tiene que trabajar con la etiqueta meta compatible con X - UA. !DOCTYPE por sí mismo no tiene ningún efecto en el cambio de modo de documento IE.

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

13

Author: James Tsai,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-12-14 14:55:21

Solo para completar, en realidad no tiene que agregarlo a su HTML (que es http-equiv desconocido en HTML5)

Haga esto y nunca mire hacia atrás (primer ejemplo para apache, segundo para nginx)

Header set X-UA-Compatible "IE=Edge,chrome=1"

add_header X-UA-Compatible "IE=Edge,chrome=1";

11

Author: bitinn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-05-18 10:04:42

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

Para hacer que esta línea funcione como se espera, asegúrese de que:

Es el primer elemento justo después de <head>
No los comentarios condicionales se utilizan antes de la etiqueta meta, por ejemplo, en el elemento <html>

De lo contrario, algunas versiones de IE simplemente lo ignoran.

ACTUALIZACIÓN

Estas dos reglas están simplificadas pero son fáciles de recordar y verificar. A pesar de los documentos de MSDN que indican que puede poner título y otras etiquetas meta antes de esta, me gustaría no recomiendo hacerlo.

Cómo hacer que funcione con comentarios condicionales.

Interesante artículo sobre el orden de los elementos en la cabeza. (blogs.msdn.com, para IE)

REFERENCIA

De la documentación de MSDN :

El X-UA-Compatible [...] debe aparecer en el encabezado de la página web (la sección HEAD) antes de todos los demás elementos excepto el elemento title y otros meta elementos.

7

Author: ToniTornado,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 11:55:02

Si utiliza su sitio web en la misma red que el servidor IE le gusta cambiar a modo de compabilidad a pesar de DOCTYPE.
Añadir meta http-equiv="X-UA-Compatible" content="IE=Edge" desactiva este comportamiento no deseado.

4

Author: Łukasz Jakóbiec,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-22 15:32:52

Esto es LITERALMENTE 1 consulta de Google de distancia , pero aquí va:

Http://msdn.microsoft.com/en-us/library/jj676915 (v=vs.85). aspx

Descripción de los modos de documentos heredados

Utilice el siguiente valor para mostrar la página web en modo edge, que es el modo de estándares más altos soportado por Internet Explorer, desde Internet Explorer 6 a través de IE11.
<meta http-equiv="x-ua-compatible" content="IE=edge"
Tenga en cuenta que esto es funcionalmente equivalente a usar el Doctype HTML5. Coloca Internet Explorer en el más alto compatible modo documento. Edge most es más útil para mantener regularmente sitios web que se prueban rutinariamente para la interoperabilidad entre múltiples navegadores, incluyendo Internet Explorer.

Nota A partir de IE11, el modo edge se considera el modo de documento preferido. (En versiones anteriores, se consideraba experimental.) Para obtener más información, consulte Los modos de documento obsoletos. Empezando con Windows Internet Explorer 8, algunos desarrolladores web utilizan el modo edge meta elemento para ocultar el botón Vista de compatibilidad en la barra de direcciones. A partir de IE11, esto ya no es necesario ya que el botón se ha eliminado desde la barra de direcciones. Porque obliga a abrir todas las páginas en modo estándar, independientemente de la versión de Internet Explorer, podría verse tentado a usar el modo edge para todas las páginas vistas con Internet Explorador. No haga esto, ya que el encabezado compatible con X-UA es solo apoyar a partir de Internet Explorer 8.

Tip Si desea que todas las versiones compatibles de Internet Explorer abran sus páginas en modo estándar, utilice la declaración de tipo de documento HTML5, como se muestra en el ejemplo anterior.

También entre los resultados de la búsqueda está:

¿Qué hace ?

3

Author: Joe Mike,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:26:35

Solo una frase para decir Instruir a Internet Explorer para utilizar su último motor de renderizado

<meta http-equiv="x-ua-compatible" content="ie=edge">

2

Author: Bipon Biswas,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-11-08 18:53:37

2.1.3.5 Etiqueta Meta de Compatibilidad X-UA y Encabezado de respuesta HTTP

Esta funcionalidad no se implementará en ninguna versión de Microsoft Edge.

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

Véase https://msdn.microsoft.com/en-us/library/ff955275 (v=vs.85). aspx

Sí, sé que llego tarde a la fiesta, pero solo tuve algunos problemas y discusiones, y al final mi jefe me hizo eliminar la etiqueta X-UA-Compatible eliminar de todos los documentos en los que he estado trabajando.

Si esta información está desactualizada o no más relevante, por favor corríjame.

1

Author: Shawn Spencer,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-12-19 18:56:18

score 1491 · Accepted Answer

Actualización de Octubre de 2015

Esta respuesta se publicó hace varios años y ahora la pregunta realmente debería ser ¿debería siquiera considerar usar la etiqueta X-UA-Compatible en su sitio? con los cambios que Microsoft ha hecho a sus navegadores (más sobre los que se muestran a continuación).

Dependiendo de los navegadores de Microsoft que admita, es posible que no necesite continuar usando la etiqueta X-UA-Compatible. Si necesita soportar IE9 o IE8, entonces le recomendaría usar la etiqueta. Si solo apoyas los últimos navegadores (IE11 y / o Edge) entonces consideraría dejar caer esta etiqueta por completo. Si usas Twitter Bootstrap y necesitas eliminar las advertencias de validación, esta etiqueta debe aparecer en el orden especificado. Información adicional a continuación:

La metaetiqueta X-UA-Compatible permite a los autores web elegir la versión de Internet Explorer como la que se debe representar la página. IE11 ha realizado cambios en estos modos; vea la nota de IE11 a continuación. Microsoft Edge , el navegador que se lanzará después IE11, solo honrará la etiqueta meta X-UA-Compatible en ciertas circunstancias. Consulte la nota de Microsoft Edge a continuación.

Según Microsoft, al usar la etiqueta X-UA-Compatible, debe ser lo más alta posible en su documento head:

Si está utilizando la etiqueta META compatible con X-UA, debe colocarla lo más cerca posible de la parte superior de la CABEZA de la página. Internet Explorer comienza a interpretar el marcado utilizando la última versión. Cuando Internet Explorer encuentra la META etiqueta compatible con X - UA comienza de nuevo utilizando el motor de la versión designada. Esto es un golpe de rendimiento porque el navegador debe detenerse y reiniciar el análisis del contenido.

Aquí están sus opciones:

"IE=edge"
"IE = 11"
"IE = EmulateIE11"
"IE = 10"
"IE = EmulateIE10"
"IE = 9"
"IE = EmulateIE9
"IE = 8"
"IE = EmulateIE8"
"IE = 7"
"IE = EmulateIE7"
"IE = 5"

A trate de entender lo que cada uno significa, aquí están las definiciones proporcionadas por Microsoft:

Internet Explorer admite varios modos de compatibilidad de documentos que habilitan diferentes funciones y pueden afectar la forma en que se muestra el contenido:

El modo Edge indica a Internet Explorer que muestre el contenido en el modo más alto disponible. Con Internet Explorer 9, esto es equivalente al modo IE9. Si una versión futura de Internet Explorer admite una mayor compatibilidad modo, las páginas configuradas en modo edge aparecerían en el modo más alto soportado por esa versión. Esas mismas páginas todavía aparecen en el modo IE9 cuando se ve con Internet Explorer 9. Internet Explorer admite varios modos de compatibilidad de documentos que habilitan diferentes funciones y pueden afectar la forma en que se muestra el contenido:

El modo IE11 proporciona el soporte más alto disponible para estándares establecidos y emergentes de la industria, incluidos HTML5, CSS3 y otros.

El modo IE10 proporciona el soporte más alto disponible para estándares establecidos y emergentes de la industria, incluidos HTML5, CSS3 y otros.

El modo IE9 proporciona el soporte más alto disponible para estándares establecidos y emergentes de la industria, incluyendo HTML5 (Borrador de Trabajo), Especificación de Nivel 3 de Hojas de Estilo en Cascada W3C (Borrador de trabajo), Especificación de Gráficos Vectoriales Escalables (SVG) 1.0 y otros. [Nota del editor: IE 9 no soporta CSS3 animaciones].

El modo IE8 soporta muchos estándares establecidos, incluyendo la Especificación W3C Cascading Style Sheets Level 2.1 y la API de Selectores W3C; también proporciona soporte limitado para la Especificación W3C Cascading Style Sheets Level 3 (Borrador de trabajo) y otros estándares emergentes.

El modo IE7 muestra el contenido como si se mostrara en modo estándar por Internet Explorer 7, independientemente de que la página contenga o no una directiva.

El modo Emular IE9 le indica a Internet Explorer que use la directiva para determinar cómo procesar el contenido. Las directivas de modo estándar se muestran en modo IE9 y las directivas de modo quirks se muestran en modo IE5. A diferencia del modo IE9, el modo Emular IE9 respeta la directiva.

El modo Emular IE8 indica a Internet Explorer que use la directiva para determinar cómo procesar el contenido. Las directivas de modo estándar se muestran en el modo IE8 y las directivas de modo quirks se muestran en Modo IE5. A diferencia del modo IE8, el modo Emular IE8 respeta la directiva.

El modo Emular IE7 le indica a Internet Explorer que use la directiva para determinar cómo procesar el contenido. Las directivas de modo estándar se muestran en el modo estándar de Internet Explorer 7 y las directivas de modo quirks se muestran en el modo IE5. A diferencia del modo IE7, el modo Emular IE7 respeta la directiva. Para muchos sitios web, este es el modo de compatibilidad preferido.

El modo IE5 renderiza el contenido como si se mostrara en modo peculiares por Internet Explorer 7, que es muy similar a la forma en que el contenido se mostraba en Microsoft Internet Explorer 5.

NOTA IE10: A partir de IE10, el modo quirks se comporta de manera diferente a como lo hacía en versiones anteriores del navegador. En IE9 y versiones anteriores, el modo quirks restringía la página web a las características soportadas por IE5.5. En IE10, el modo quirks se ajusta a las diferencias especificadas en HTML5 especificación.

Personalmente, siempre elijo la meta etiqueta http-equiv="X-UA-Compatible" content="IE=edge", ya que las versiones anteriores tienen muchos errores, y no quiero que IE decida entrar en "Modo de compatibilidad" y mostrar mi sitio como IE7 vs IE8 o 9. Siempre prefiero la última versión de IE.

IE11

De Microsoft:

A partir de IE11, el modo edge es el modo de documento preferido; representa el soporte más alto para los estándares modernos disponibles para el navegador.

Utilice la declaración de tipo de documento HTML5 para habilitar el modo edge:

<!doctype html>

El modo Edge se introdujo en Internet Explorer 8 y ha estado disponible en cada versión posterior. Tenga en cuenta que las funciones admitidas por el modo edge se limitan a las admitidas por la versión específica del navegador que representa el contenido.

A partir de IE11, los modos de documento están obsoletos y ya no deben usarse, excepto de forma temporal. Hacer asegúrese de actualizar los sitios que dependen de características heredadas y modos de documento para reflejar los estándares modernos.

Si debe dirigirse a un modo de documento específico para que su sitio funcione mientras lo vuelve a trabajar para admitir estándares y características modernas, tenga en cuenta que está utilizando una función de transición, una que puede no estar disponible en versiones futuras.

Si actualmente utiliza el encabezado compatible con x-ua para dirigirse a un modo de documento heredado, es posible que su sitio no refleje lo mejor experiencia disponible con IE11.

Microsoft Edge (Reemplazo para Internet Explorer que viene incluido con Windows 10)

Información sobre X-UA-Compatible meta tag para la versión "Edge" de IE. De Microsoft :

Presentamos el modo de documento Edge" vivo "

Como anunciamos en agosto de 2013, estamos desaprobando los modos de documento a partir de IE11. Con nuestras últimas actualizaciones de la plataforma, la necesidad de los modos de documentos heredados se limitan principalmente a las aplicaciones web heredadas de la empresa. Con los nuevos cambios arquitectónicos, estos modos de documentos heredados se aislarán de los cambios en el modo Edge "vivo", lo que ayudará a garantizar un nivel mucho mayor de compatibilidad para los clientes que dependen de esos modos y nos ayudará a avanzar aún más rápido en las mejoras en Edge. La próxima versión principal de IE aún honrará los modos de documento servidos por los sitios de intranet, los sitios en la lista de vista de compatibilidad y cuando se usa con Solo en modo Enterprise.

Los sitios públicos de Internet se renderizarán con la nueva plataforma Edge mode (ignorando la compatibilidad con X-UA). Nuestro objetivo es que Edge sea el modo de documento "vivo" desde aquí y no se introducirán más modos de documento en el futuro.

Con los cambios en Microsoft Edge para dejar de admitir modos de documentos en la mayoría de los casos, Microsoft tiene una herramienta para escanear su sitio y comprobar si tiene código que no es compatible con Borde.

Chrome = 1 Información para IE

También hay chrome=1 que puede usar o usar junto con una de las opciones anteriores como: <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">. chrome=1 es para el marco de Google Chrome que se define como:

Google Chrome Frame es un complemento de navegador de código abierto. Los usuarios que tienen el complemento instalado tienen acceso a las tecnologías web abiertas de Google Chrome y al motor JavaScript rápido cuando abren páginas en el navegador.

Google Chrome Frame mejora sin problemas su experiencia de navegación en Internet Explorer. Muestra los sitios habilitados para Google Chrome Frame utilizando la tecnología de renderizado de Google Chrome, que le brinda acceso a las últimas funciones de HTML5, así como las funciones de rendimiento y seguridad de Google Chrome sin interrumpir de ninguna manera su uso habitual del navegador.

Cuando Google Chrome Frame está instalado, la web simplemente se pone mejor sin tener que pensar en ello.

Pero para que el plug-in funcione debes usar chrome=1 en la meta etiqueta X-UA-Compatible.

Se puede encontrar más información sobre Chrome Frame aquí.

Nota: Google Chrome Frame solo funciona para IE6 a IE9 , y se retiró el 25 de febrero de 2014. Puede encontrar más información aquí. Gracias a @mck por el enlace.

Validación:

HTML5 :

La página se validará usando el Validador W3 solo cuando se use <meta http-equiv="X-UA-Compatible" content="IE=Edge">. Para otros valores arrojará el error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge. En otras palabras, si tiene IE=edge,chrome=1 no validará. Ignoro este error por completo, ya que los navegadores modernos simplemente ignoran esta línea de código.

Si debe tener un código completamente válido, considere hacer esto a nivel de servidor configurando el encabezado HTTP. Como nota, Microsoft dice, If both of these instructions are sent (meta and HTTP), the developer's preference (meta element) takes precedence over the web server setting (HTTP header). Ver respuesta de olibre o respuesta de bitinn para más detalles sobre cómo establecer un HTTP cabecera.

XHTML

No hay ningún problema con la validación cuando se usa <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> siempre y cuando la etiqueta esté correctamente cerrada (es decir, /> vs >).

Twitter Bootstrap

Esta etiqueta ha sido fuertemente recomendada por el equipo de Bootstrap desde al menos 2014, y Bootlint, el linter creado por el equipo de twbs continúa lanzando una advertencia cuando se omite la etiqueta. El linter distingue entre advertencias y errores, y como tal, la gravedad de omitir esta etiqueta puede considerarse menor.

Para obtener más información sobre X-UA-Compatible consulte el sitio web de Microsoft Que Define la Compatibilidad de Documentos.

Para obtener más información sobre lo que IE admite, consulte caniuse.com .

Para obtener más información sobre los requisitos de Bootstrap de Twitter, consulte la página wiki del proyecto bootlint .