Plusieurs méthodes pour résoudre le problème selon lequel la compatibilité avec IE678 ne prend pas en charge les compétences du didacticiel html5 tags_html5

L’ère de la popularité du HTML5 est arrivée. Si vous attendez toujours la compatibilité du navigateur, cela signifie que vous êtes déjà déconnecté du Web. Bien entendu, cela est dû au développement fulgurant des clients mobiles. Si vous vous demandez toujours si vous devez maîtriser les technologies HTML5 et CSS3, merci de vous gifler plusieurs fois, puis d'étudier dur ! Parce que le ressort de la partie avant est arrivé, et il y a plus d'un ressort. Si vous n’y croyez pas, je peux seulement dire : croyez-le ou non !
Regardons une structure de balises html5 standard : (je parle juste de balises ici, rien d'autre n'est impliqué)

Copier le code

Le code est le suivant :

gb2312">

< ;/section>

progression des balises html5 Bien entendu, sa sémantique est plus intuitive. Bien sûr, ce n’est qu’une goutte d’eau dans l’océan des progrès du HTML5. Certaines personnes suggèrent : ne dites pas que les progrès du HTML5 sont révolutionnaires, mais développementaux ! Je ne suis pas en désaccord avec cette affirmation, mais elle est effectivement révolutionnaire à certains égards. Je ne veux pas sortir du sujet ici, parlons juste des étiquettes.

Bien sûr, lorsque vous êtes enthousiasmé par des balises sémantiques aussi merveilleuses, vous devez toujours vous demander : est-ce qu'IE le prend en charge ? Malheureusement, la réponse est non. Si vous avez déjà peur d’IE, vous devrez continuer à endurer sa torture sans fin. (IE9 et IE10 sont déjà compatibles HTML5 et CSS3.0)
Mais il faut avoir de la chance, il y a beaucoup de génies à cette époque dans laquelle vous vivez. Quelqu'un a déjà résolu ce problème pour vous ! Cependant, cela ne peut pas être qualifié de parfait !
Examinons quelques méthodes pour résoudre le problème de compatibilité avec IE678 qui ne prend pas en charge les balises html5 :

1. javascript : document.createElenment("...")

Une partie de la raison pour laquelle IE678 ne le prend pas en charge est qu'ils ne considèrent pas le pied de page comme une balise HTML valide. Alors, ne suffirait-il pas d’en faire un label ? Le moyen le plus direct est bien sûr de le créer en utilisant javascript : document.createElenment("...")




Copier le code

Le code est le suivant :

(function(){ var element=['header','footer','article','aside','section ',' nav','menu','hgroup','details','dialog','figure','figcaption'], len=element.length while(len--){ document.createElement(element[i])

}

})();

Cela crée simplement quelques balises html5 typiques afin qu'elles puissent devenir des balises dans IE678.
Quelqu'un a déjà écrit un fichier js complet, il vous suffit de l'importer, comme ceci :
Il y a aussi l'écriture

{
alert (document.getElementById("test").innerHTML "---id")
alert(document.getElementsByTagName("section")[0].innerHTML "---TagName")
alert(document. getElementsByTagName("SECTION")[0].innerHTML "---uppercase")
}

Content

IE678 a tous réussi le test, mais seul l'ID peut être obtenu dans Fixfox et Chrome, cette méthode n'est donc pas non plus une méthode souhaitable !