Que faire si HTML5 n'est pas compatible avec IE

Solution d'incompatibilité HTML5 IE : 1. Utilisez le code JavaScript "while (i--){document.createElement(e[i])}" pour résoudre le problème de compatibilité ; 2. Utilisez le package html5shiv de Google pour résoudre le problème d'IE ; non compatible avec HTML5. Il suffit de le marquer.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur DELL G3

Que dois-je faire si IE n'est pas compatible avec html5 ?

Le moyen idéal pour résoudre l'incompatibilité d'IE (IE6/IE7/IE8) avec les balises HTML5

Les balises et attributs sémantiques de HTML5 peuvent permettre aux développeurs d'obtenir une mise en page Web claire, ainsi qu'un rendu des effets CSS3. permet de créer très facilement et rapidement des pages Web riches et flexibles. Les nouveaux éléments de balise

HTML5 sont :

• 1aa9e5d373740b65a0cc8f0a02150c53 définit le titre de la page ou de la section ;
• c37f8231a37e88427e62669260f0074d définit le pied de page de la page ou de la section ; Définir la zone de navigation de la page ou de la section ;
• 2f8332c8dcfd5c7dec030a070bf652c3 La zone logique ou la combinaison de contenu de la page ;
•  ; 15221ee8cba27fc1d7a26c47a001eb9b Définir du contenu supplémentaire ou associé
• 　　
• Les utiliser peut rendre la sémantique du code plus intuitive et faciliter l'optimisation du référencement. Cependant, cette nouvelle balise HTML5 n'est pas reconnue sur IE6/IE7/IE8 et nécessite un traitement JavaScript. Voici quelques façons. Méthode 1 : Codage JavaScript

<!--[if lt IE9]> 
<script> 
   (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(&#39;, &#39;);
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

S'il s'agit d'un navigateur IE inférieur à IE9, il créera une balise HTML5, afin que les navigateurs non IE ignorent ce code et qu'il n'y ait pas de requêtes http inutiles.

Deuxième méthode : utilisez le package html5shiv de Google (recommandé)

175036b059c08cfe0e939537257b7055 
9cf7fc12b64b9e15221a83d1b7b302422cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0

Mais quelle que soit la méthode ci-dessus utilisée, le CSS de la nouvelle balise doit être initialisé car HTML5 se comporte par défaut comme un élément en ligne. , pour présenter ces éléments, nous devons utiliser CSS pour les convertir manuellement en éléments de bloc pour une mise en page facile

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

Mais si les utilisateurs d'IE6/7/8 désactivent les scripts, cela deviendra une page Web "tableau blanc" sans style, comment devrions-nous le résoudre ?

Nous pouvons suivre l'approche de Facebook, qui consiste à guider les utilisateurs pour accéder à la page “/?_fb_noscript=1” avec le logo noscript, et remplacer la balise html5 par la balise html4, ce qui est mieux que pour maintenir la compatibilité, il est plus facile d'écrire beaucoup de hacks.

9c9310510906c367d77326a69bdd2881 
2b0b25ff593c5b6c03403dd6234ffb2c
     c9ccee2e6ea535a969eb3f532ad9fe89.html5-wrappers{display:none!important;}531ac245ce3e4fe3d50054a55f265927
     0dcc676bcaca523de89d0760fc544da8您的浏览器禁用了脚本，请6170e8999ab19ec641e0422470b16d5c查看这里5db79b134e9f6b82c0b36e0489ee08ed来启用脚本!或者aa3476d4b82149a37c044d53c621d5db继续访问5db79b134e9f6b82c0b36e0489ee08ed.
     16b28748ea4df4d9c2150843fecfba68
f920f363442462683100636cb2662870
1b771f47d72d900ba74308aee59557f0

Cela peut guider l'utilisateur pour ouvrir le script ou accéder directement à l'interface de conception de balises HTML4.

Apprentissage recommandé : "Tutoriel vidéo HTML5"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!