Artikeleinführung von Wulin.com (www.vevb.com): So erstellen Sie die Unterstützung neuer HTML5 -Elemente.
Wenn wir die neuen HTML5 -Elemente verwenden, sind Tags, die in anderen Browsern (z. B. Abschnitt, Artikel, Header und Fußzeile) gut abschneiden können, eine Herausforderung für den IE -Browser. Der Grund für das Problem ist der Parsingmechanismus des IE -Browsers. Diese Tagelemente, die nicht nicht erkannt werden können, führen zur Fehleranzeige von Dokumentobjekten.
Um dieses Problem zu veranschaulichen, finden Sie im folgenden kurzen Code:
1
2
3
4
5
<body>
<Abschnitt>
<p> Dies ist ein Beispiel </p>
</Abschnitt>
</body>
Seltsamerweise kann IE6-IE8 das <Steil> -Tag nicht analysieren, wodurch der DOM-Knoten wie folgt aussieht:
Beachten Sie, dass der IE -Browser zwei leere Elemente erstellt. Einer ist Abschnitt und der andere ist /Abschnitt. Es ist wahr, dass es das End -Tag nimmt, das nicht als Start -Tag erkannt wird.
Hier finden Sie eine bequeme Möglichkeit, dieses Problem zu lösen, das erstmals implementiert wurde. Das grundlegendste Konzept dieser Methode besteht darin, unbekannte Elemente mithilfe von Document.Createelement (TagName) zu erstellen. Der IE -Parser erkennt diese Elemente und analysiert und zeigt sie angemessener und effektiver an. Zum Beispiel können wir den folgenden Code verwenden:
1
document.createelement (Abschnitt);
Auf diese Weise sieht der obige Code nach der Parsen wie die folgende Aussagen aus:
Mit dieser Technologie können IE6, IE7 und IE8 unbekannte Elemente analysieren.
Für den Einfachheit halber schrieb Remy Sharp ein Code -Stück, mit dem die Anzeige neuer HTML5 -Elemente erhöht werden können, die Sie problemlos herunterladen und verwenden können. Ein einfaches Skript veröffentlicht ein einfaches Skript
Dieser Code ist für andere Browser wie Opera 9, Firefox 3 und Safari 3 korrekt, um diese neuen Elemente standardmäßig zu analysieren. Obwohl es in Firefox2 einige Probleme gibt, wurde keine Lösung für diese Probleme gefunden. Im Vergleich zur Update -Geschwindigkeit von IE ist Firefox jedoch kein Problem.
Wir können die nach dieser Methode erstellten Beschriftungen nicht auf Drucken von Stilen anwenden. Wenn Sie wissen möchten, ob der IE -Druckstil korrekt ist, lesen Sie bitte den folgenden Artikel Print HTML5 -Elemente im IE -Browser (IE -Druckschutz).
Original Chinesisch: Wie man IE unterstützt, um neue HTML5 -Elemente zu unterstützen
Original Englisch: Unterstützung neuer Elemente im IE