El navegador Internet Explorer 8 introduce el concepto de "compatibilidad de la página"para asegurar que todas las páginas HTML se vean correctamente en cualquier versiónde ese navegador. En realidad, esta nueva característica es una mejora del modo quirksexplicado anteriormente.
Internet Explorer 8, a diferencia de sus versiones anteriores, soporta completamente elestándar CSS 2.1. Sin embargo, muchos sitios web se diseñaron para Internet Explorer 6y 7, por lo que incluyen trucos, hacks y filtros que arreglan los errores y carencias deesas versiones del navegador.
Para evitar que las páginas diseñadas para navegadores anteriores se vean mal en estanueva versión, Internet Explorer 8 incluye la opción de "compatibilidad de la página",que permite indicar la versión de Internet Explorer para la que la página ha sidodiseñada.
De esta forma, si la página no se visualiza correctamente en Internet Explorer 8, sepuede indicar al navegador que la muestre como si fuera Internet Explorer 6 o 7. Enrealidad, Internet Explorer 8 incluye seis modos de funcionamiento:
▪ Modo IE5: la página se muestra según el modo quirks de Internet Explorer 7, quees casi idéntico a como se veían las páginas en el navegador Internet Explorer 5.
▪ Modo IE7: la página se muestra en el modo estándar de Internet Explorer 7, sinimportar si la página contiene o no la directiva .
▪ Modo IE8: los contenidos se muestran en el modo estándar de Internet Explorer8, que es el más parecido al del resto de navegadores que soportan los estándares(Firefox, Opera, Safari y Google Chrome).
▪ Emular el modo IE7: el navegador decide cómo mostrar los contenidos a partirde la directiva de la página. Si esa directiva es una de las que activan elmodo estándar, la página se muestra en el modo estándar de Internet Explorer 7.
En otro caso, se muestra en el modo quirks de Internet Explorer 5. Este modo es elmás útil para la mayoría de sitios web.
▪ Emular el modo IE8: el navegador decide cómo mostrar los contenidos a partirde la directiva de la página. Si esa directiva es una de las que activan elmodo estándar, la página se muestra en el modo estándar de Internet Explorer 8. En otro caso, se muestra en el modo quirks de Internet Explorer 5.
▪ Modo límite ("edge mode"): indica a Internet Explorer que los contenidos sedeben mostrar en el modo de compatibilidad más avanzado disponible. Actualmente, este modo es equivalente al modo IE8. Si las futuras versionesInternet Explorer 9 y 10 incluyeran mejor compatibilidad, las páginas sevisualizarían en ese modo avanzado de compatibilidad.
El modo de compatibilidad de la página se indica mediante una nueva etiqueta con la propiedad X-UA-Compatible y cuyo valor es el que utiliza Internet Explorer 8 para determinar el modo que se utiliza:
<!-- Modo IE5 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=5" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=5" >
...
</head>
<!-- Modo IE7 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" >
...
</head>
<!-- Modo IE8 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
...
</head>
<!-- Emular el modo IE7 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
...
</head>
<!-- Emular el modo IE8 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
...
</head>
<!-- Modo límite -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
...
</head>
</head>
<!-- Modo IE7 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" >
...
</head>
<!-- Modo IE8 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
...
</head>
<!-- Emular el modo IE7 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
...
</head>
<!-- Emular el modo IE8 -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
...
</head>
<!-- Modo límite -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
...
</head>
No obstante, esta opción de compatibilidad de la página debe entenderse como unasolución temporal que evita que los sitios web se vean mal en Internet Explorer 8. Laúnica solución correcta a largo plazo consiste en actualizar las páginas para que susdiseños sigan los estándares web.
No hay comentarios:
Publicar un comentario