Artikeleinführung von Wulin.com (www.vevb.com): Blogs haben lange auf das Schreiben von HTML5 umgestellt, aber viele Benutzer haben den neuesten Browser nicht verwendet und haben HTML4 -Tag -Sets verwendet. HTML5 hat viele Tags, die semantisch und praktisch sind. Ich habe auch angefangen, einige häufig verwendete Tags auszuprobieren, und jetzt verwende ich Artikel- und Zeit -Tags.
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 können jedoch nicht in alten Browsern wie IE6, IE7, IE8 und Firefox 2 erkannt 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 ist mit dem Artikel gekennzeichnet.
<! DocType html><html xmlns = 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 erkennt das Artikel -Tag nicht 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 Inhalt des Artikels als Bruderknoten aufgeführt sind, wie in der folgenden Abbildung 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, das Etikett zu identifizieren. Glücklicherweise ermöglicht es dem Browser, das Tag und die CSS -Engine zu erkennen. Angenommen, der Bereich <kopf> unseres Beispiels wird mit dem folgenden Code hinzugefügt.
<Script>document.createelement ('article');
</script>
Die Erklärung der DOM in IE8 wird in der Abbildung unten gezeigt.
Natürlich erscheint der Text auch in normalem Blau.
Abschluss
Der Blog hat lange auf HTML5 -Schreiben umgestellt, aber viele Benutzer haben den neuesten Browser nicht verwendet und haben HTML4 -Tag -Sets verwendet. HTML5 hat viele Tags, die semantisch und praktisch sind. Ich habe auch angefangen, einige häufig verwendete Tags auszuprobieren, und jetzt verwende ich Artikel- und Zeit -Tags.