Améliorations des fonctionnalités d'IE8 pour les développeurs Web

Le 20 mars 2009, Microsoft a lancé au monde la version officielle de Windows Internet Explorer 8 (IE8), qui a attiré l'attention du public. IE8 est la version la plus conforme aux normes à ce jour. Il prend entièrement en charge les feuilles de style en cascade (CSS) niveau 2.1, offre une prise en charge améliorée de CSS 3, HTML 4.01 et peut également bien prendre en charge HTML 5. Grâce à une prise en charge améliorée de ces éléments HTML, les développeurs Web peuvent désormais créer un balisage HTML plus expressif et accessible. Cet article explorera les modifications apportées au comportement de prise en charge HTML et CSS dans IE8 et comment ces modifications affectent les développeurs Web.

Améliorations HTML

Pour aider les développeurs à tirer pleinement parti des éléments fournis par HTML 4.01 et à mieux interpréter le sens sémantique que les développeurs Web s'attendent à exprimer, Windows Internet Explorer a été mis à niveau avec la prise en charge des éléments de présentation suivants :

• Élément P : représente un paragraphe logique.
• Élément OBJECT : peut représenter n’importe quel objet, y compris des images.
• L'élément bouton soumet son attribut value au lieu de innerHTML, ce qui signifie que l'élément bouton peut désormais utiliser le schéma FORM multi-navigateurs.
• La méthode getElementByIdNAME est désormais sensible à la casse et n'utilise plus d'attributs pour les recherches inappropriées.
• La méthode setAttribute est désormais insensible à la casse, ce qui signifie que vous n'avez plus besoin d'utiliser la casse "camelCase" (telle que "camelCaseWord") lors de la spécification des attributs. Il identifie également correctement les attributs HTML tels que CLASS et FOR.

P ajoute automatiquement la balise de fermeture de l'élément

Un élément P dépourvu de balise de fermeture ajoute automatiquement une balise de fermeture immédiatement lorsqu'il est suivi d'un élément TABLE, FORM, NOFRAMES ou NOSCRIPT.

Voici le premier paragraphe

Dans cet exemple, il manque la balise de fermeture au deuxième élément P. Lorsqu'il est affiché à l'aide de Windows Internet Explorer 7, l'élément TABLE apparaît comme un enfant du deuxième élément P. Le deuxième élément P est en retrait de 30 pixels par rapport à la marge gauche de la fenêtre. Puisque TABLE est un enfant de l'élément P, il est également en retrait de la marge gauche de la fenêtre. Toutefois, lorsqu'il est affiché dans le mode par défaut de Windows Internet Explorer 8, l'élément TABLE est aligné sur la marge gauche. Étant donné que Windows Internet Explorer 8 ajoute automatiquement la balise de fermeture manquante de l'élément P avant d'afficher l'élément TABLE, l'élément TABLE n'est pas un élément enfant du deuxième élément P dans IE8.

Afficher des images à l'aide d'éléments OBJECT

Windows Internet Explorer 8 peut afficher des images à l'aide de l'élément OBJECT. Lorsque vous utilisez cet élément pour afficher des images dans des navigateurs plus anciens, il ajoute souvent automatiquement des barres de défilement et des bordures à l'image, ce qui entraîne souvent un affichage incorrect de l'image.

Dans Windows Internet Explorer 8, l'élément OBJECT affiche les images comme si elles étaient incorporées à l'aide de l'élément IMG. Pour utiliser ce comportement dans une page Web, définissez l'attribut DATA de l'élément OBJECT sur l'URL de l'image. Vous pouvez également intégrer dataURL dans l'attribut DATA.
Pour que Windows Internet Explorer charge des images dans des éléments OBJECT qui utilisent l'ancien comportement, sélectionnez l'ancien mode de compatibilité pour la page Web ou définissez l'attribut TYPE de l'élément OBJECT sur text/html.