La solution pour faire d'Internet Explorer un navigateur prenant en charge HTML5 (en utilisant html5shiv)_html5 compétences du didacticiel

De nos jours, HTML5 attire de plus en plus d'attention, mais les navigateurs prenant en charge HTML5 ne sont pas encore courants. En particulier, près de 50 % des utilisateurs nationaux utilisent encore IE6, car IE9 qui prend en charge HTML5 ne prend pas en charge l'installation du système XP. affecter l'avenir Pendant longtemps, les développeurs HTML5 devront considérer les problèmes de rétrocompatibilité. Il existe de nombreuses façons d'obtenir la compatibilité des balises HTML5 ou des sélecteurs CSS, l'une d'elles consiste à générer vous-même des éléments de balise.

Pour le principe de base, voir l'effet du code suivant dans IE8, le style n'a aucun effet.

Copier le code

Le code est le suivant :

Bonjour !< /mxria>

Pour que le navigateur reconnaisse la balise et affiche l'effet du style correspondant, nous pouvons ajouter un morceau de js comme suit, et vous verrez un effet différent

Copier le code

Le code est le suivant :

< head>

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

Vous comprenez maintenant le secret ! Oui, c'est document.createElement. HTML5 shiv est un tel plug-in js qui régénère toutes les balises HTML5. Vous devez charger le plug-in, le programme HTML5 peut alors être reconnu par tous les navigateurs.
Adresse de téléchargement : http://html5shim.googlecode.com/svn/trunk/html5.js

Méthode simple d'utilisation de trunk/html5.js :

Ce qui suit est le fichier html5.js citant Google :

L'utilisation de html5shiv est très simple Étant donné que IE9 prend en charge html5, il vous suffit d'ajouter le code suivant dans l'en-tête de la page :

Copier le code.

Le code est le suivant :

Copiez le code ci-dessus dans la section head, rappelez-vous qu'il doit s'agir de la section head (car IE doit connaître cet élément avant que l'élément ne soit analysé, donc ce fichier js ne peut pas être appelé depuis d'autres emplacements, sinon il sera invalide)

Bien sûr, vous pouvez également extraire le code et le découvrir vous-même :

(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] )}})()
Enfin, ajoutez ce paragraphe au CSS :

/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block>
Transformez principalement ces balises html5 en blocs, comme des divs.

D'accord, faisons simple. En une phrase, c'est : citez html5.js pour rendre les balises html5 en bloc