Kommentar: HTML5 bietet Entwicklern viele neue Tags wie Abschnitt, NAV, Artikel, Header und Fußzeile. Diese Tags sind sehr semantisch und werden häufig verwendet, aber sie werden nicht in alten Browsern wie IE6, IE7, IE8 und Firefox anerkannt und verwendet. Als nächstes beseitigen Sie diesen Ärger
HTML5 bietet Entwicklern viele neue Tags wie Abschnitt, NAV, Artikel, Kopfzeile, Fußzeile usw. Diese Tags sind sehr semantisch und werden häufig verwendet, aber sie können jedoch nicht in alten Browsern wie IE6, IE7, IE8 und Firefox 2 anerkannt und verwendet werden.
Warum können altmodische Browser diese Tags nicht erkennen?Tatsächlich ist der Fehler nicht der Browser, da diese Art von Tag in dieser Zeit überhaupt nicht existierte, sodass es nicht korrekt identifiziert werden kann. Diese ungewöhnliche Tag -Erkennung macht die Dom -Struktur abnormal.
Wir haben den Testcode wie folgt. Es ist ein Artikelinhalt mit dem Titel und blauen Wörtern, und der Artikelinhalt verwendet das Artikel -Tag.
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml" Lang = "Zh-Cn">
<kopf>
<meta charset = "utf-8" />
<title> test </title>
<Styles>
Artikel {Farbe:#06f;}
</style>
</head>
<body>
<h1> Artikeltitel </h1>
<artikels>
Dies ist der Inhalt des Artikels, es sollte ein blauer Text sein. Wenn Sie in alten Browsern keine Hacks machen, wird eine Ausnahme angezeigt.
</article>
</body>
</html>
In IE8 wird Folgendes angezeigt.
IE8 kann das Artikel -Tag nicht erkennen, und der auf dem Tag definierte CSS -Stil hat keinen Einfluss. In IE8 wird <artikels> als zwei leere Tagelemente mit dem Namen <artikels /> und < /article /> interpretiert, die zusammen mit dem Artikelinhalt als Bruderknoten aufgeführt sind, wie in der Abbildung unten gezeigt.
Wie benutze ich HTML5-Tags in altmodischen Browsern?Da es nicht verwendet werden kann, weil es nicht erkannt werden kann, besteht die Lösung darin, die Tags erkannt zu machen. Glücklicherweise kann es den Browser erkennen und die CSS -Engine über die Existenz des Tags kennt. Angenommen, der folgende Code wird dem obigen Bereich <kopf> in unserem Beispiel hinzugefügt.
<Script>
document.createelement ('article');
</script>
Die Erklärung der DOM in IE8 wird zur folgenden Abbildung.
Natürlich erscheint der Text auch in normalem Blau.
AbschlussDer Blog hat lange auf das Schreiben von HTML5 umgestellt, aber da viele Benutzer den neuesten Browser nicht verwenden, verwenden sie HTML4 -Tag -Sets. Viele Tags in HTML5 sind semantisch und praktisch. Ich habe auch angefangen, einige häufig verwendete Tags auszuprobieren, und jetzt verwenden sie Artikel- und Zeit -Tags.