Estoy usando la excelente plantilla de restauración de HTML 5 en html5reset.org y mi metaetiqueta compatible con X-UA parece no funcionar. Esto es lo que se ve mi cabecera como:Html 5 Restablecer (html5reset.org) - X-UA-Compatible no funciona
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Title of Page</title>
La opción de utilizar el modo de vista de compatibilidad en IE se muestra (roto icono de página en el campo URL). El problema es que algunos de mis clientes han configurado sus navegadores IE9 en el modo 'siempre usar vista de compatibilidad', el resultado es que el sitio web se ve como IE7 aunque utilicen IE9, y se supone que X-UA-Compatible anulará este .
Ahora bien, si se quita la cabecera cosas divertidas:
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
... de repente empieza funcionando bien.
Me he dado cuenta de que html5reset.org parece mostrar el ícono de la página rota, por lo que tampoco parece funcionar, pero html5boilerplate.com SÍ funciona, y parece utilizar el mismo enfoque.
Agregar el X-UA-Compatible en el encabezado de respuesta a través de la configuración del servidor web parece solucionarlo, pero prefiero no confiar en este enfoque.
Actualización: Parece quehtml5boilerplate.com es sólo el envío X-UA-Compatible en las cabeceras de respuesta HTTP si detecta que el navegador es Internet Explorer. Este parece ser el camino a seguir.