Mejoras en las funciones de IE8 para desarrolladores web

Autor：Eve Cole Fecha de actualización：2009-07-03 17:12:46

El 20 de marzo de 2009, Microsoft lanzó al mundo la versión oficial de Windows Internet Explorer 8 (IE8), que se convirtió en el centro de atención de la gente. IE8 es la versión que más cumple con los estándares hasta la fecha. Es totalmente compatible con las hojas de estilo en cascada (CSS) nivel 2.1, tiene soporte mejorado para CSS 3, HTML 4.01 y también es compatible con HTML 5. Gracias a la compatibilidad mejorada con estos elementos HTML, los desarrolladores web ahora pueden crear etiquetas HTML más expresivas y accesibles. Este artículo explorará los cambios en el comportamiento de soporte de HTML y CSS en IE8 y cómo estos cambios afectan a los desarrolladores web.

Mejoras HTML

Para ayudar a los desarrolladores a aprovechar al máximo los elementos proporcionados por HTML 4.01 e interpretar mejor el significado semántico que los desarrolladores web esperan expresar, Windows Internet Explorer se ha actualizado con soporte para los siguientes elementos de presentación:

Elemento P : representa un párrafo lógico.
Elemento OBJETO : puede representar cualquier objeto, incluidas imágenes.
El elemento del botón envía su atributo de valor en lugar de InnerHTML, lo que significa que el elemento del botón ahora puede usar el esquema FORM entre navegadores.
El método getElementByIdNAME ahora distingue entre mayúsculas y minúsculas y ya no utiliza atributos para búsquedas inapropiadas.
El método setAttribute ahora no distingue entre mayúsculas y minúsculas, lo que significa que ya no es necesario utilizar mayúsculas "camelCase" (como "camelCaseWord") al especificar atributos. También identifica correctamente atributos HTML como CLASS y FOR.

P agrega automáticamente la etiqueta de cierre del elemento

Un elemento P que carece de una etiqueta de cierre agrega automáticamente una etiqueta de cierre inmediatamente cuando le sigue un elemento TABLE, FORM, NOFRAMES o NOSCRIPT.

<html>
<cabeza>
<title>Ejemplo de fin de elemento P simple</title>
<meta http-equiv="X-UA-Compatible" content="IE8"/>
</cabeza>
<cuerpo>

<p>Este es el primer párrafo</p>

<p style="margin-left:30px">Este es el segundo párrafo. 

<table border="1px" cellpadding="2px"><tr><td>Esta es una celda de una tabla. </td></tr></table>

<p>Este es el tercer párrafo. </p>

</cuerpo>
</html>

En este ejemplo, al segundo elemento P le falta la etiqueta de cierre. Cuando se ve con Windows Internet Explorer 7, el elemento TABLE aparece como hijo del segundo elemento P. El segundo elemento P tiene una sangría de 30 píxeles desde el margen izquierdo de la ventana. Dado que TABLE es hijo del elemento P, también tiene sangría desde el margen izquierdo de la ventana. Sin embargo, cuando se ve en el modo predeterminado de Windows Internet Explorer 8, el elemento TABLE está alineado con el margen izquierdo. Dado que Windows Internet Explorer 8 agrega automáticamente la etiqueta de cierre que falta del elemento P antes de mostrar el elemento TABLE, el elemento TABLE no es un elemento secundario del segundo elemento P en IE8.

Mostrar imágenes usando elementos OBJECT

Windows Internet Explorer 8 puede mostrar imágenes utilizando el elemento OBJECT. Cuando se utiliza este elemento para mostrar imágenes en navegadores más antiguos, a menudo agrega automáticamente barras de desplazamiento y bordes a la imagen, lo que a menudo hace que la imagen se muestre incorrectamente.

En Windows Internet Explorer 8, el elemento OBJECT muestra imágenes como si estuvieran incrustadas mediante el elemento IMG. Para utilizar este comportamiento en una página web, establezca el atributo DATOS del elemento OBJETO en la URL de la imagen. También puede incrustar dataURL en el atributo DATA.
Para que Windows Internet Explorer cargue imágenes en elementos OBJECT que utilizan el comportamiento anterior, seleccione el modo de compatibilidad antiguo para la página web o establezca el atributo TYPE del elemento OBJECT en texto/html.