Kommentar: Immer mehr Websites verwenden HTML5 -Tags. Aber die aktuelle Situation ist, dass es immer noch viele Leute gibt, die IE6, IE7 und IE8 verwenden. Hier ist eine Methode, mit der IE -Browser HTML5 unterstützt werden kann. Freunde, die es brauchen, können sich darauf beziehen.
Heutzutage zieht HTML5 immer mehr Aufmerksamkeit auf sich, aber derzeit verwenden Browser, die HTML5 unterstützen, nicht Mainstream, insbesondere mehr als 50% der inländischen Nutzer verwenden IE6 weiterhin. Da IE9, das HTML5 unterstützt, die Installation von XP -Systemen nicht unterstützt, müssen HTML5 -Entwickler in Zukunft das Problem der Rückwärtskompatibilität in Betracht ziehen. Es gibt viele Möglichkeiten, HTML5 -Tags oder CSS -Selektorkompatibilität zu verwenden, und eines davon ist eine davon.
Für Grundprinzipien finden Sie den folgenden Code für den Effekt in IE8, der Stil funktioniert überhaupt nicht.
<html>
<kopf>
<Style> mxria {Farbe: rot; } </style>
</head>
<body>
<Mxria> Hallo! </mxria>
</body>
</html>
Damit der Browser das <mxria> </mxria> -Tags erkennt und den Effekt des entsprechenden Stils anzeigt, können wir einen Abschnitt JS wie folgt hinzufügen, und der Effekt wird anders sein, wenn wir ihn sehen.
<html>
<kopf>
<Style> mxria {Farbe: rot; } </style>
<Script> document.createelement ("mxria") </script>
</head>
<body>
<Mxria> Hallo! Mxria.com </mxria>
</body>
</html>
Jetzt versteht jeder das Geheimnis! Ja, es ist document.createelement. HTML5 Shiv ist ein JS -Plugin, das alle HTML5 -Tags regeneriert. Sie müssen das Plugin laden, und dann kann das HTML5 -Programm von allen Browsern erkannt werden.
Adresse herunterladen:
Einfache Verwendung von Trunk/HTML5.js:
Hier ist die HTML5.JS -Datei, in der Google verweist:
Die Verwendung von HTML5shiv ist sehr einfach. Wenn man bedenkt, dass IE9 HTML5 unterstützt, müssen Sie dem Seitenkopf nur den folgenden Code hinzufügen:
<!-[wenn lt dh 9]>
<script src = "dist/html5shiv.js"> </script>
<! [endif]->
Kopieren Sie den obigen Code in den Kopfteil, denken Sie daran, der Kopfteil zu sein (weil der IE dieses Element vor dem Parsen von Elementen kennen muss, sodass diese JS -Datei nicht an anderen Stellen aufgerufen werden kann, sonst ist er ungültig).
Natürlich können Sie auch den Code herausnehmen und es selbst tun:
(function () {if (!/*@cc_on!@*/0) return; var e = ABBR, Artikel, beiseite, Audio, Leinwand, Datalist, Details, Dialogfeld, Ereignisplätze, Figur, Fußzeile, Header, Hgroup, Mark, Menü, Messgerät, Navigation, Ausgabe, Fortschritt, Abschnitt, Zeit, Video.Split (','), I = E.Length; wob
Fügen Sie diesen Absatz schließlich dem CSS hinzu:
/*html5*/ article, beiseite, Dialog, Fußzeile, Header, Abschnitt, Fußzeile, NAV, Abbildung, Menü {Anzeige: Block}
Lassen Sie diese HTML5 -Tags hauptsächlich wie Div blockiert.
Ok, lasst uns in einem Satz kurz kurz: Zitat HTML5.JS, um das HTML5 -Tag in Blöcke zu machen