Die Lösung, um Internet Explorer zu einem Browser zu machen, der HTML5 unterstützt (mit html5shiv)_html5-Tutorial-Fähigkeiten

Heutzutage erregt HTML5 immer mehr Aufmerksamkeit, aber Browser, die HTML5 unterstützen, sind noch nicht Mainstream. Insbesondere verwenden fast 50 % der inländischen Benutzer immer noch IE6, da IE9, der HTML5 unterstützt, die XP-Systeminstallation nicht unterstützt Auswirkungen auf die Zukunft HTML5-Entwickler müssen sich noch lange mit Abwärtskompatibilitätsproblemen befassen. Es gibt viele Möglichkeiten, die Kompatibilität mit HTML5-Tags oder CSS-Selektoren zu erreichen. Eine davon besteht darin, Tag-Elemente selbst zu generieren.

Informationen zum Grundprinzip finden Sie in der Auswirkung des folgenden Codes in IE8. Der Stil hat überhaupt keine Auswirkung.

Code kopieren

Der Code lautet wie folgt:

Hallo!< /mxria>

Damit der Browser das

Code kopieren

Der Code lautet wie folgt:

< head>

<script>document.createElement("mxria")</script>

Jetzt verstehst du das Geheimnis! Ja, es ist document.createElement. HTML5 shiv ist ein solches JS-Plugin, das alle HTML5-Tags neu generiert. Sie müssen das Plug-in laden, dann kann das HTML5-Programm von allen Browsern erkannt werden.
Download-Adresse: http://html5shim.googlecode.com/svn/trunk/html5.js

Einfache Methode zur Verwendung von trunk/html5.js:

Das Folgende ist die Datei html5.js, in der Google zitiert wird:

Die Verwendung von html5shiv ist sehr einfach. Da IE9 HTML5 unterstützt, müssen Sie nur den folgenden Code zum Seitenkopf hinzufügen:

Code kopieren

Der Code lautet wie folgt:

Kopieren Sie den obigen Code in den Kopfabschnitt. Denken Sie daran, dass es sich um den Kopfabschnitt handeln muss (da der IE dieses Element kennen muss, bevor das Element analysiert wird, sodass diese JS-Datei nicht von anderen Speicherorten aufgerufen werden kann, da sie sonst ungültig ist)

Natürlich können Sie den Code auch herausnehmen und selbst herausfinden:

(function(){if(!/*@cc_on!@*/0)return;var e="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header ,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i] )}})()
Fügen Sie abschließend diesen Absatz zum CSS hinzu:

/*html5*/ Article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
Machen Sie diese HTML5-Tags hauptsächlich in Blöcke, wie Divs.

Okay, machen wir es einfach. In einem Satz heißt es: Zitieren Sie html5.js, um HTML5-Tags blockig zu machen