Comment permettre aux versions inférieures à IE9 (ie6/7/8) de reconnaître les compétences du didacticiel html5 elements_html5

Chaque navigateur possède une liste d'éléments HTML qu'il prend en charge. Les éléments ne figurant pas sur la liste seront considérés comme des éléments inconnus. Le navigateur ne définira aucun style pour les éléments inconnus (différents navigateurs auront différents styles par défaut pour les éléments). Dans les versions antérieures à IE9, les éléments inconnus ne peuvent pas être stylisés. Le DOM des éléments inconnus s'affiche également de manière incorrecte et IE insère un nœud vide sans élément enfant dans le DOM. Tous les éléments que vous auriez pensé être les enfants de cet élément inconnu deviendront ses frères et sœurs.

Il existe une solution à ce problème. Utilisez js pour créer un faux élément d'article avant d'utiliser la balise article. IE reconnaîtra cet élément et prendra en charge la définition des styles avec CSS. Ce faux élément n'a même pas besoin d'être inséré dans le DOM.

Veuillez consulter l'exemple suivant :

Copiez le code

Le code est le suivant :

bienvenue sur le blog de Feimos

> ;

C'est votre première fois que vous visitez ce site Web.

html>

IE6 ne reconnaîtra pas l'article, il n'y aura donc pas de bordure rouge.

Mais si on ajoute une phrase js dans la tête, la situation sera immédiatement différente.

Copier le code

Le code est le suivant :

IE6 prétend reconnaître cet élément et afficher l'effet correctement.

Nous pouvons créer une fausse copie de tous les nouveaux éléments HTML5 une seule fois, nous n'avons donc pas à nous soucier des navigateurs qui ne prendront pas bien en charge HTML5 à l'avenir. Le script d'activation HTML5 de Remy Sharp nous aide à faire ces choses. L'idée de base du script est la suivante :

Copier le code

. Le code est le suivant :

Utilisez d'abord les commentaires conditionnels pour déterminer s'il s'agit d'une version antérieure à IE9, et si c'est le cas, exécutez js. Écrivez d’abord toutes les nouvelles balises dans le tableau e, puis parcourez l’ensemble du tableau et créez une copie.

Ce script a été hébergé sur Google Project Hosting. Vous pouvez directement créer un lien vers ce script :

Copiez le code Le code est le suivant :

De plus, ce script doit être placé en début de page, de préférence dans la tête, pas en bas. De cette façon, IE exécutera ce code avant d'analyser les balises de page.