Introduction de l'article de wulin.com (www.vevb.com): Comment faire en charge IE de nouveaux éléments HTML5.
Lorsque nous utilisons les nouveaux éléments HTML5, les balises qui peuvent bien fonctionner dans d'autres navigateurs (telles que la section, l'article, l'en-tête et le pied de page) sont un défi pour le navigateur IE. La raison du problème est le mécanisme d'analyse du navigateur IE. Ces éléments de balise qui ne peuvent pas être non reconnus conduisent à l'affichage d'erreur des objets de document.
Pour illustrer ce problème, veuillez consulter le code court suivant:
1
2
3
4
5
<body>
<segction>
<p> Ceci est un exemple </p>
</ section>
</docy>
Étrangement, IE6-IE8 ne peut pas analyser la balise <ction>, ce qui fait que le nœud DOM ressemble à ce qui suit:
Notez que le navigateur IE crée deux éléments vides. L'une est la section et l'autre est / section. Il est vrai qu'il faut la balise de fin qui n'est pas reconnue comme une balise de démarrage.
Voici un moyen pratique de résoudre ce problème, qui a d'abord été mis en œuvre. Le concept le plus élémentaire de cette méthode est de créer des éléments inconnus en utilisant Document.CreateElement (TagName). L'analyseur IE reconnaîtra ces éléments et les analysera et les affichera de manière plus raisonnable et efficace. Par exemple, nous pouvons utiliser le code suivant:
1
document.CreateElement (section);
De cette façon, le code ci-dessus ressemblera à ce qui suit après l'analyse:
Cette technologie permet à IE6, IE7 et IE8 d'analyser les éléments inconnus.
Pour plus de commodité, Remy Sharp a écrit un morceau de code qui peut améliorer l'affichage des nouveaux éléments HTML5, que vous pouvez facilement télécharger et utiliser.
Ce code est correct pour d'autres navigateurs, tels que Opera 9, Firefox 3 et Safari 3, pour analyser ces nouveaux éléments par défaut. Bien qu'il y ait certains problèmes dans Firefox2, aucune solution à ces problèmes n'a été trouvée. Cependant, par rapport à la vitesse de mise à jour d'IE, Firefox n'est pas un problème.
Nous ne pouvons pas appliquer les étiquettes créées par cette méthode pour imprimer les styles. Si vous voulez savoir si le style d'impression IE est correct, veuillez consulter l'article suivant Imprimer les éléments HTML5 dans IE Browser (IE Print Protector)
Chinois d'origine: comment faire en sorte que IE prenne en charge les nouveaux éléments HTML5
Anglais original: soutenir de nouveaux éléments dans IE