Que faire si HTML5 n'est pas compatible avec IE

藏色散人
Libérer: 2023-01-28 09:41:53
original
2366 Les gens l'ont consulté

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.

Que faire si HTML5 n'est pas compatible avec IE

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 :

  • définit le titre de la page ou de la section ;
  • 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 ;
  • La zone logique ou la combinaison de contenu de la page ;
  •  ;
  •   
  • 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]-->
    Copier après la connexion
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é)

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Copier après la connexion

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}
Copier après la connexion

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.

<!--[if lte IE 8]> 
<noscript>
     <style>.html5-wrappers{display:none!important;}</style>
     <div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
     </div>
</noscript>
<![endif]-->
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!