12 Pregunta: ¿Qué hace <meta http-equiv = contenido "Compatible con X-UA" = "IE = edge">?

pregunta creada en Mon, Mar 11, 2019 12:00 AM

¿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 metaencabezado X-UA-Compatible, ya que solo quiero que se muestre en el modo más estándar en todas las versiones de IE.

    
1311
12 Respuestas                              12                         

Actualización de octubre de 2015

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

Según los navegadores de Microsoft que admita, es posible que no necesite seguir usando la etiqueta X-UA-Compatible. Si necesita ser compatible con IE9 o IE8, entonces recomendaría usar la etiqueta. Si solo es compatible con los últimos navegadores (IE11 y /o Edge), entonces consideraría eliminar esta etiqueta por completo. Si usa Twitter Bootstrap y necesita 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 a 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 reemplazó IE11, solo respeta la etiqueta meta X-UA-Compatible en ciertos circunstancias. Vea la nota de Microsoft Edge a continuación.

Según Microsoft, cuando use la etiqueta X-UA-Compatible, debe estar lo más alto posible en su documento head:

  

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

Estas son tus 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"

Para intentar comprender lo que significa cada uno, aquí hay definiciones proporcionadas por Microsoft:

  

Internet Explorer es compatible con varios modos de compatibilidad de documentos que permiten diferentes funciones y pueden afectar la forma en que se muestra el contenido:

     
  • El modo perimetral le dice 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 un modo de mayor compatibilidad, las páginas configuradas en modo borde aparecerán en el modo más alto compatible con esa versión. Esas mismas páginas aún aparecerían en el modo IE9 cuando se vean con Internet Explorer 9.   Internet Explorer admite varios modos de compatibilidad de documentos que habilitan diferentes características y pueden afectar la forma en que se muestra el contenido:

  •   
  • El modo IE11 proporciona el mayor soporte disponible para los estándares industriales establecidos y emergentes, incluidos HTML5, CSS3 y otros.

  •   
  • El modo IE10 proporciona el mayor soporte disponible para los estándares industriales establecidos y emergentes, incluidos HTML5, CSS3 y otros.

  •   
  • El modo IE9 proporciona el mayor soporte disponible para estándares establecidos y emergentes de la industria, incluidos HTML5 (Working Draft), Especificación de Nivel 3 de las Hojas de Estilo en Cascada W3C (Draft de Trabajo), Gráficos de Vectores Escalables (SVG) 1.0, y otros. [Nota del editor: IE 9 no admite animaciones CSS3].

  •   
  • El modo IE8 es compatible con muchos estándares establecidos, incluida la especificación del Nivel 2.1 de las hojas de estilo en cascada del W3C y la API de selectores del W3C; también proporciona soporte limitado para la Especificación de Nivel 3 de las Hojas de Estilo en Cascada W3C (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, ya sea que la página contenga una directiva o no.

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

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

  •   
  • El modo Emular IE7 le dice a Internet Explorer que use la directiva para determinar cómo representar el contenido. Las directivas de modo estándar se muestran en Internet Explorer 7 y las directivas de modo peculiar se muestran en 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 muestra el contenido como si se mostrara en modo peculiar por Internet Explorer 7, que es muy similar a la forma en que se mostró el contenido en Microsoft Internet Explorer 5.

  •   

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

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

IE11

De Microsoft :

  

Comenzando con IE11, el modo borde es el modo de documento preferido; representa el más alto soporte para los estándares modernos disponibles para el navegador.

     

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

     

<!doctype html>

     

El modo perimetral se introdujo en Internet Explorer 8 y estuvo disponible en cada versión posterior. Tenga en cuenta que las funciones admitidas por el modo perimetral están limitadas a las admitidas por la versión específica del navegador que muestra el contenido.

     

A partir de IE11, los modos de documento están en desuso y ya no deben utilizarse, excepto en forma temporal. Asegúrese de actualizar los sitios que dependen de las funciones heredadas y los modos de documento para reflejar los estándares modernos.

     

Si debe apuntar a un modo de documento específico para que su sitio funcione mientras lo modifica para que sea compatible con los estándares y las características modernas, tenga en cuenta que está utilizando una función de transición, que puede no estar disponible en versiones futuras.

     

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

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

Información sobre la metaetiqueta X-UA-Compatible 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 documento heredados se limita principalmente a las aplicaciones web de la empresa. Con los nuevos cambios en la arquitectura, estos modos de documentos heredados se aislarán de los cambios en el modo Edge "vivo", lo que ayudará a garantizar un nivel mucho más alto 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 . IE seguirá respetando los modos de documento servidos por los sitios de intranet, sitios en la lista de Vista de compatibilidad, y cuando se use solo con el Modo Enterprise.

     

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

Con los cambios en Microsoft Edge para que ya no sean compatibles con los modos de documento en la mayoría de los casos, Microsoft tiene una herramienta para escanear su sitio para verificar si tiene un código que no es compatible con Edge.

Chrome = 1 Info 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 Google Chrome Frame, 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 rápido JavaScrimotor pt cuando abren páginas en el navegador.

     

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

     

Cuando se instala Google Chrome Frame, la web solo mejora sin que tengas que pensar en ello.

Pero para que el complemento funcione, debe usar chrome=1 en la metaetiqueta X-UA-Compatible.

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. Se puede encontrar más información en aquí . Gracias a @mck por el enlace.

Validation:

HTML5 :

La página se validará utilizando el Validador de W3 solo cuando se utilice <meta http-equiv="X-UA-Compatible" content="IE=Edge">. Para otros valores lanzará 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 se validará. Ignoro este error completamente ya que los navegadores modernos simplemente ignoran esta línea de código.

Si debe tener un código completamente válido, considere hacerlo en el nivel del 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). Vea la respuesta de olibre o la respuesta de bitinn para obtener más detalles sobre cómo configurar un encabezado HTTP.

XHTML

No hay problemas con la validación cuando se utiliza <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> siempre que la etiqueta esté bien cerrada (es decir, /> frente a >).

Tirón de arranque en Twitter

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


Para obtener más información sobre X-UA-Compatible, consulte Compatibilidad de documentos del sitio web de Microsoft .

Para obtener más información sobre qué es compatible con IE, consulte caniuse.com .

Para obtener más información sobre los requisitos de inicio de Twitter, consulte el proyecto de inicio página wiki .

    
1581
2019-03-03 20: 04: 07Z
  1. Si no tengo "X-UA-Compatible" en los encabezados, ¿qué pasaría?
    2011-07-21 07: 12: 21Z
  2. Básicamente, lo que sucede es que cuando tienes el X-UA-Compatible, le dice a IE cómo comportarse con respecto al valor que configuraste (IE = edge, etc.) si es no allí IE mostrará al sitio cómo cree que debería mostrarse. Ese podría ser el modo de compatibilidad o la versión más reciente de IE. Lo que Microsoft /IE piense que es mejor. ¿Tiene sentido?
    2011-07-21 18: 09: 25Z
  3. @ TravisJ - Según tengo entendido, el modo más alto disponible básicamente significa que IE 8 puede admitir hasta IE8, IE9 puede admitir los modos IE9 y así sucesivamente. Agregué algunas definiciones para cada modo proporcionado por Microsoft.
    2012-09-24 23: 59: 14Z
  4. @ AdrienBe - ¡Estoy completamente de acuerdo! Hasta ahora, IE 10 ha sido lo mejor para mí, pero desprecio cualquier otra versión. Una vez tuve una configuración de página con algunos efectos entre 200 y 300 líneas de HTML y aproximadamente 20 minutos de codificación. Para hacer que IE funcionara, tuve que agregar otras 1,000 líneas de código (en su mayoría, un javascript de terceros) y ¡2-3 horas de trabajo! Realmente odio IE = >
    2013-03-28 02: 02: 50Z
  5. Google Chrome Frame se retirará en enero de 2014: blog.chromium.org/2013/06/retiring-chrome-frame.html
    2013-06-15 17: 46: 38Z

Utilice content= "IE=edge,chrome=1" Omita otros modos X-UA-Compatible

 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                                   -------------------------- 
  • Sin icono de compatibilidad
    La barra de direcciones de IE9 no muestra el botón Vista de compatibilidad
    y la página tampoco muestra una maraña de menús, imágenes y fuera de lugar cajas de texto.

  • Características
    Esta etiqueta meta es necesaria para habilitar javascript::JSON.parse() en IE8
    (incluso cuando <!DOCTYPE html> está presente)

  • Corrección
    La renderización /ejecución de HTML /CSS /JavaScript moderno es más válida (mejor).

  • Rendimiento
    El motor de renderizado Trident debería ejecutarse más rápido en su modo edge .


Uso

En tu HTML

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

O mejor en la configuración de su servidor web:
(Consulte 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 según lo propuesto por Stef Pause

     
    server {
      #...
      add_header X-UA-Compatible "IE=Edge,chrome=1";
    }
    
  • Varnish como lo propone 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 perimetral desde IE11

Como se notó por Lynda (ver comentarios), la Cambios de compatibilidad en IE11 recomienda Modo Edge :

  

Comenzando con IE11, el modo borde es el modo de documento preferido;   representa el más alto soporte para los estándares modernos disponibles para el navegador.

Pero la posición de Microsoft no estaba clara. Otro MSDN La página no recomendó modo Edge :

  

Debido a que el modo Edge obliga a que todas las páginas se abran en el modo estándar,   independientemente de la versión de Internet Explorer,   puede tener la tentación de usar esto para todas las páginas vistas con Internet Explorer.   No hagas esto, ya que el encabezado X-UA-Compatible solo es compatible con el inicio   con Windows Internet Explorer 8.

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

  

Si desea que se abran todas las versiones compatibles de Internet Explorer   sus páginas en modo estándar, use la declaración de tipo de documento HTML5 [...]

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

Clara Onager incluso ha notado en una versión anterior de Especificando los modos de documentos heredados :

  

El modo Edge está destinado solo para fines de prueba;   no lo use en un entorno de producción.

Es tan confuso que Usmuna Y pensó que Clara Onager hablaba de:

  

El ejemplo se [...] proporciona solo 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, ofrezco más explicaciones de por qué usar content="IE=edge,chrome=1" es una buena práctica en producción.


Historia

Durante muchos años (2000 a 2008), cuota de mercado de IE fue más del 80% . E IE v6 se consideró como un estándar de facto (80% a 97% de participación de mercado en 2003 , 2004, 2005 and 2006 solo para IE6, más cuota de mercado con todas las versiones de IE).

Como IE6 no respetaba los estándares web , los desarrolladores tenían para prueba su sitio web utilizando IE6. Esa situación fue excelente 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 rentable no cumplir (es decir, Microsoft quería convertirse en el estándar excluyendo a otras compañías).

Por lo tanto, muchos sitios solo cumplían con IE6, y como IE no era compatible con el estándar web, todos estos sitios web no estaban bien representados en los navegadores compatibles con los estándares. Peor aún, muchos sitios solo requieren IE .

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

Cuando la participación en el mercado de IE disminuía, MS se dio cuenta de que no era una buena idea mantener el estándar incompatible. Por lo tanto, MS comenzó a lanzar la 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 son todos los sitios web diseñados para IE6: Microsoft no pudo lanzar nuevas versiones de IE incompatibles con estos sitios web antiguos diseñados por IE6. En lugar de deducir la versión de IE, 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 todavía se usa (0.7% en 2016) (4.5% en enero de 2014), y algunos sitios web de Internet aún son compatibles con IE6. Algunos sitios web /aplicaciones de intranet se prueban utilizando IE6. Algunos sitios web de intranet son 100% funcionales solo en IE6. Estas compañías /departamentos prefieren posponer el costo de la migración: otras prioridades, nadie ya no sabe cómo se implementó el sitio web /aplicación, el propietario del sitio web /aplicación heredado quebró ...

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

Confíe en sus habilidades web

Si (intentas) respetar el estándar web, simplemente puedes usar http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". Para mantener la compatibilidad con los navegadores antiguos, simplemente evite usar las últimas funciones web: use el subconjunto compatible con el navegador más antiguo que quiera admitir. O si quieres ir más lejos, puedes adoptar conceptos como Degradación elegante , Mejora progresiva y JavaScript no intrusivo . (También le complacerá leer ¿Qué debería considerar un desarrollador web? .)

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

Además, ya que hay muchas campañas para matar IE6 ( IE6 no más , campaña de MS ), ¡hoy en día puede evitar perder tiempo con las pruebas de IE!

Experiencia personal con IE6

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

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

    
319
2017-05-23 11: 55: 02Z
  1. 'El modo Edge está diseñado solo para fines de prueba; No lo uses en un entorno de producción '. Consulte msdn.microsoft.com/en-us/library /jj676915 (v = vs.85) .aspx
    2013-04-22 14: 54: 48Z
  2. Por favor, @ClaraOnager, tómese un tiempo para explicar lo que está mal en mi respuesta (desde su punto de vista). Incluso si MS no recomienda el uso de Edge mode en el entorno de producción, hay buenas razones para usarlo en el entorno de producción. Es importante aclarar técnicamente nuestras mejores prácticas. Me gusta compartir mis conocimientos y experiencias. Espero que tú también. Podemos mejorar juntos;) Saludos
    2013-04-23 09: 55: 31Z
  3. Hola @Ricardo, estoy de acuerdo contigo. Microsoft dice "Si desea que todas las versiones compatibles de Internet Explorer abran sus páginas en modo estándar, use [...] HTML5" en la sección Descripción de los modos de documento heredados (consulte la Sugerencia ). Tal vez mi explicación no sea clara ... Tal vez haya entendido mal algo ... He cambiado mi texto ... ¿Qué piensas de mis cambios? ¿Está bien para usted? ¿Qué consejos me gustaría cambiar /mejorar dentro de mi respuesta? Gracias por sus comentarios. Saludos ;-)
    2013-06-18 05: 12: 58Z
  4. @ ClaraOnager ... en su primera respuesta está apuntando incorrectamente, en la página de referencia ... MS dice que no debe usarlo en el entorno de producción para: < meta http- equiv = contenido compatible con "X-UA" = "IE = 7,9,10" > no las otras cosas de Edge.
    2013-10-09 16: 25: 25Z
  5. Acerca del modo Edge que se usa en el entorno de producción. De Microsoft: Starting with IE11, edge mode is the preferred document mode; it represents the highest support for modern standards available to the browser.
    2013-10-21 04: 16: 25Z

La diferencia es que si solo especifica el DOCTYPE, Configuración de vista de compatibilidad de IE tendrá prioridad. De forma predeterminada, esta configuración fuerza a 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.

Diálogo de configuración de vista de compatibilidad de IE

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

  • 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 opción predeterminada: piense en grandes empresas, gobiernos, universidades
  • cuando involuntariamente terminas en Lista de vistas de compatibilidad de Microsoft
  • casos en los que los usuarios han agregado manualmente su sitio web a la lista en Configuración de vista de compatibilidad

DOCTYPE solo no puede hacer eso; 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 el examen de las reglas completas para decidir el modo de documento en IE8 , IE9 , y IE10 . Tenga en cuenta que mirar el DOCTYPE es la Último respaldo para decidir el modo de documento.

    
57
2013-04-23 16: 28: 16Z
  1. En el escenario de intranet, IE10 procesa de manera predeterminada en el modo de compatibilidad. Ver stackoverflow.com/questions/13284083/…. Esta etiqueta no se requiere de forma predeterminada para Internet, pero se requiere (de forma predeterminada) cuando se utiliza myintenralserver /myapp . Quería agregar este comentario, porque la diferencia entre Internet y la intranet solo se vio claramente en el texto de la captura de pantalla, no en el texto de las respuestas en la página.
    2013-04-23 13: 08: 21Z
  2. Tienes razón, debería haber sido más claro al respecto. Reescribí el post; hazme saber si hay algo más que deba abordar. ¡Gracias!
    2013-04-23 16: 32: 05Z
  3. ¡Gracias! esta respuesta es mucho más clara que otras respuestas relacionadas con los sitios de intranet. Otras respuestas entran en detalles técnicos de por qué y cómo. Odio MS IE. También es bueno escribir: un párrafo deja claro por qué necesitamos la etiqueta meta. Bravo
    2016-05-04 10: 42: 39Z
  4. Desearía poder aumentar esta respuesta cientos de veces. Pantalla de salvamento agarrar justo allí. Reducción de la presión arterial mientras escribo esto ...
    2017-03-17 07: 07: 54Z
  5. Awesome awesome awesome! Muchas gracias por esta respuesta.
    2018-05-16 09: 28: 58Z

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

 
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    
24
2012-02-13 09: 25: 03Z
  1. 'El modo Edge está diseñado solo para fines de prueba; No lo uses en un entorno de producción '. Consulte msdn.microsoft.com/en-us/library /jj676915 (v = vs.85) .aspx
    2013-04-22 14: 54: 12Z
  2. En buena medida, uso <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> con la directiva chrome=1, por lo que solicita a los usuarios de IE6, 7, 8 que instalen /utilicen Chrome Frame . Incluso HTML5 Boilerplate lo usa.
    2013-06-18 21: 49: 14Z
  3. @ ClaraOnager Aunque Microsoft lo dice, no significa necesariamente que tengan razón. He usado <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> desde el día en que salió sin ningún problema. En realidad, ya he ahorrado cientos de dolores de cabeza a mi equipo ya mí mismo al hacer que los usuarios de IE usen su último motor para renderizar las páginas que construimos. Contrariamente a usted y a Microsoft, le recomiendo a todos que usen la metaetiqueta anterior cada vez que . Mientras IE aún esté disponible, estaremos "obligados" a utilizar esta etiqueta meta: p
    2013-06-18 21: 56: 54Z
  4. Esto ha cambiado con IE11. Esta versión ha dado un paso dramático al mundo de los navegadores siguiendo los estándares oficiales. ¡Se ha llegado al extremo de ni siquiera identificarse como Internet Explorer! Ahora dice que es "Netscape" y que no incluye nada en la información del navegador para revelar su verdadera identidad. Si todavía te encuentrasPara cualquier peculiaridad en el navegador IE a partir de esta versión, debe forzarlo en IE10 configurando <meta http-equiv="X-UA-Compatible" content="IE=10">. Luego se informa a sí mismo como Microsoft Internet Explorer.
    2013-11-28 07: 47: 43Z
  5. enfrenta el mismo problema relacionado, si alguien puede ayudarme: stackoverflow.com/questions/22013880/…
    2014-02-26 05: 28: 24Z

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

Además de la respuesta correcta, puede validarlo. Como esta etiqueta meta solo está dirigida a IE, todo lo que necesita hacer es agregar un IE condicional.

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

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

    
22
2014-06-15 14: 38: 57Z
  1. Los comentarios condicionales no deben usarse EXCEPTO para segmentar HTML para < = IE9. (Esto fue cierto incluso cuando se escribió esta respuesta)
    2016-06-26 03: 43: 13Z

Creo que este diagrama de Microsoft lo explica todo. Para decirle a IE cómo representar el contenido,! DOCTYPE tiene que trabajar con etiquetas meta compatibles con X-UA. El DOCTYPE por sí mismo no tiene ningún efecto en el cambio del Modo de documento de IE.

 ingrese la descripción de la imagen aquí

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

    
13
2017-12-14 14: 55: 21Z
  1. Aquí hay una versión actualizada que incluye IE9. OMG ... ie.microsoft.com/testdrive/ieblog/2010/Jun /…
    2012-12-20 12: 55: 43Z
  2. Y este incluye IE10: msdn.microsoft.com/en-us/library/ff406036%28v=vs.85%29.aspx Los diferentes capítulos tienen sus propios diagramas de flujo separados ...
    2012-12-20 13: 02: 25Z
  3. Has leído mal el diagrama de flujo. En ausencia de X-UA-Compatible, el navegador buscará <! DOCTYPE &gt ;. Si encuentra uno, se procesa en modo estándar (también conocido como "EmulateIE8"). Si no lo hace, vuelve al "Modo de Quirks".
    2014-10-13 20: 14: 29Z

Solo para completar, no es necesario que lo agregue a su HTML (que no se conoce como http-equiv en HTML5)

Haz esto y nunca mires 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
2013-05-18 10: 04: 42Z
  1. ?? ¿Eso significa que "X-UA-Compatible" no funciona en HTML 5?
    2014-03-21 03: 54: 21Z
  2. @ HueiTan: creo que el cartel dice que cuando intentas validar la página con el W3 Validador producirá un error: Bad value X-UA-Compatible for attribute http-equiv on element meta. - Esto no significa que no funcionará. Simplemente no es un código válido.
    2014-06-07 01: 50: 28Z
 
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

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

  1. Es el primer elemento justo después de <head>.
  2. No se utilizan comentarios condicionales antes de la etiqueta meta, e. sol. en el elemento <html>

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

ACTUALIZAR

Estas dos reglas están simplificadas pero son fáciles de recordar y de verificar. A pesar de que los documentos de MSDN indican que puedes poner título y otras metaetiquetas antes de esta, no recomendaría hacerlo.

Cómo hacer que funcione con comentarios condicionales.

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

REFERENCE

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 de título y otros elementos meta.

    
7
2017-05-23 11: 55: 02Z

Solo una frase para decir Indique a Internet Explorer que use su último motor de renderizado

 
<meta http-equiv="x-ua-compatible" content="ie=edge">
    
6
2017-11-08 18: 53: 37Z

si utiliza su sitio web en la misma red que el servidor, a IE le gusta cambiar a modo de compatibilidad a pesar de DOCTYPE.
Agregar meta http-equiv="X-UA-Compatible" content="IE=Edge" deshabilita este comportamiento no deseado.

    
4
2013-03-22 15: 32: 52Z
  1. Otra palabra para 'la misma red que el servidor' es intranet ... así que básicamente IE10 está roto de forma predeterminada para todos los sitios de intranet. Vea la captura de pantalla en la respuesta de @AndrewNeitsch.
    2013-04-23 13: 10: 25Z

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

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

  

Comprensión de los modos de documento heredados

     

Use el siguiente valor para mostrar la página web en modo borde, que es   El modo de estándares más alto admitido por Internet Explorer, desde   Internet Explorer 6 a través de IE11.

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

Nota que esto es funcionalmente equivalente a usar el doctype HTML5. Coloca a Internet Explorer en el más alto soporte   modo de documento. Edge es el más útil para mantener regularmente   sitios web que son probados rutinariamente para la interoperabilidad entre   múltiples navegadores, incluido Internet Explorer.

     

Nota        A partir de IE11, el modo borde se considera el modo de documento preferido. (En versiones anteriores, se consideró experimental.)   Para obtener más información, consulte Los modos de documento están en desuso. Empezando con   Windows Internet Explorer 8, algún desarrollo web.opers usaron el modo borde   elemento meta 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 ha sido eliminado   desde la barra de direcciones. Porque hace que todas las páginas se abran en   modo estándar, independientemente de la versión de Internet Explorer,   podría verse tentado a utilizar el modo perimetral para todas las páginas vistas con Internet   Explorador. No hagas esto, ya que el encabezado compatible con X-UA es solo   admitido a partir de Internet Explorer 8.

     

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

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

3
2017-05-23 12: 26: 35Z

2.1.3.5 Metaetiqueta 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" />

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

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

Si esta información está desactualizada o ya no es relevante, corríjame.

    
1
2017-12-19 18: 56: 18Z
fuente colocada aquí