Commentaire: De plus en plus de sites commencent à utiliser des balises HTML5. Mais la situation actuelle est qu'il y a encore beaucoup de gens qui utilisent IE6, IE7 et IE8. Voici une méthode pour permettre au navigateur IE de prendre en charge HTML5. Les amis qui en ont besoin peuvent y faire référence.
De nos jours, HTML5 attire de plus en plus d'attention, mais actuellement les navigateurs qui prennent en charge HTML5 ne sont pas courants, en particulier plus de 50% des utilisateurs domestiques utilisent toujours IE6. Étant donné que IE9, qui prend en charge HTML5, ne prend pas en charge l'installation du système XP, les développeurs HTML5 devront considérer la question de la compatibilité en arrière pendant longtemps à l'avenir. Il existe de nombreuses façons d'utiliser des balises HTML5 ou une compatibilité des sélecteurs CSS, et l'une en fait partie.
Pour les principes de base, consultez le code suivant pour l'effet dans IE8, le style ne fonctionne pas du tout.
<html>
<adal>
<style> mxria {couleur: rouge; } </ style>
</ head>
<body>
<mxria> Bonjour! </mxria>
</docy>
</html>
Pour que le navigateur reconnaisse la balise <mxria> </mxria> et affiche l'effet du style correspondant, nous pouvons ajouter une section de JS comme suit, et l'effet sera différent lorsque nous le verrons.
<html>
<adal>
<style> mxria {couleur: rouge; } </ style>
<Script> document.CreateElement ("mxria") </cript>
</ head>
<body>
<mxria> Bonjour! Mxria.com </mxria>
</docy>
</html>
Maintenant, tout le monde comprend le mystère! Oui, c'est document.CreateElement. HTML5 SHIV est un plugin JS qui régénère toutes les balises HTML5. Vous devez charger le plugin, puis le programme HTML5 peut être reconnu par tous les navigateurs.
Adresse de téléchargement:
Utilisation simple de tronc / html5.js:
Voici le fichier html5.js qui fait référence à 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 à la tête de page:
<! - [Si lt ie 9]>
<script src = "Dist / html5shiv.js"> </ script>
<! [endif] ->
Copiez le code ci-dessus dans la partie de tête, n'oubliez pas d'être la partie de tête (car c'est-à-dire que doit connaître cet élément avant l'analyse des éléments, donc ce fichier JS ne peut pas être appelé dans d'autres endroits, sinon il sera invalide)
Bien sûr, vous pouvez également retirer le code et le faire vous-même:
(function () {if (! / * @ cc_on! @ * / 0) return; var e = ABBR, article, mis à part, audio, toile, datalist, détails, boîte de dialogue, événementource, figure, pied de page, en-tête, hgroup, marc, menu, compteur, navigation, sortie, progression, section, heure, vidéo.split (','), i = e.length;
Enfin, ajoutez ce paragraphe au CSS:
/ * html5 * / article, à part, dialogue, pied de page, en-tête, section, pied de page, navigation, figure, menu {affichage: bloc}
Principalement, que ces balises HTML5 soient bloquées, comme div.
Ok, allons-y brièvement, en une phrase, c'est: citez html5.js pour transformer la balise HTML5 en blocs