Heim  >  Artikel  >  Web-Frontend  >  Mehrere Methoden zur Lösung des Problems, dass die Kompatibilität mit IE678 keine HTML5-Tags unterstützt._HTML5-Tutorial-Fähigkeiten

Mehrere Methoden zur Lösung des Problems, dass die Kompatibilität mit IE678 keine HTML5-Tags unterstützt._HTML5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:50:242143Durchsuche

Die Ära der Popularität von HTML5 ist angebrochen. Wenn Sie immer noch auf die Browserkompatibilität warten, bedeutet das, dass Sie bereits keinen Kontakt mehr zum Internet haben. Dies ist natürlich auf die boomende Entwicklung mobiler Clients zurückzuführen. Wenn Sie sich immer noch fragen, ob Sie die HTML5- und CSS3-Technologien beherrschen sollten, schlagen Sie sich bitte ein paar Mal auf den Mund und lernen Sie dann fleißig! Weil die Feder des Vorderteils angekommen ist und es mehr als eine Feder gibt. Wenn Sie es nicht glauben, kann ich nur sagen: Ob Sie es glauben oder nicht!
Sehen wir uns eine Standard-HTML5-Tag-Struktur an: (Ich spreche hier nur von Tags, sonst geht es nicht)

Code kopieren
Der Code lautet wie folgt:

gb2312">
html5






;/section>
Fortschritt der HTML5-Tags Natürlich ist seine Semantik intuitiver. Natürlich ist dies nur ein Tropfen auf den heißen Stein des Fortschritts von HTML5. Einige Leute schlagen vor: Sagen Sie nicht, dass der Fortschritt von HTML5 revolutionär ist, sondern entwicklungspolitisch! Ich widerspreche dieser Aussage nicht, aber sie ist in mancher Hinsicht tatsächlich revolutionär. Ich möchte hier nicht vom Thema abweichen, reden wir einfach über Etiketten.

Wenn Sie von so wunderbaren semantischen Tags begeistert sind, müssen Sie sich natürlich immer noch fragen: Unterstützt der IE das? Leider lautet die Antwort nein. Wenn Sie bereits Angst vor dem IE haben, müssen Sie weiterhin seine endlosen Qualen ertragen. (IE9 und IE10 sind bereits mit HTML5 und CSS3.0 kompatibel)
Aber Sie müssen Glück haben, in der Zeit, in der Sie leben, gibt es viele Genies. Jemand hat dieses Problem bereits für Sie gelöst! Allerdings kann man es nicht als perfekt bezeichnen!
Sehen wir uns einige Methoden an, um das Problem der Kompatibilität mit IE678 zu lösen, der keine HTML5-Tags unterstützt:

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

Ein Grund, warum IE678 dies nicht unterstützt, liegt darin, dass die Fußzeile nicht als gültiges HTML-Tag betrachtet wird. Würde es also nicht reichen, wenn wir daraus ein Label „machen“? Der direkteste Weg ist natürlich, es mit Javascript zu erstellen: document.createElenment("...")




Code kopieren


Der Code lautet wie folgt:
(function(){
var element=['header','footer','article','aside','section ',' nav','menu','hgroup','details','dialog','figure','figcaption'],
len=element.length>while(len--){
document.createElement(element[i])
} })(); Dadurch werden einfach ein paar typische HTML5-Tags erstellt, damit diese zu Tags in IE678 werden können.
Jemand hat bereits eine vollständige js-Datei geschrieben, Sie müssen sie nur importieren, etwa so:
Es gibt auch die Schreibweise