Nausées problème de compatibilité: la solution parfaite IE (IE6 / IE7 / IE8) ne sont pas compatibles avec les problèmes de tag HTML5

Les balises sémantiques HTML5 et attributs, ce qui permet aux développeurs d'implémenter facilement une mise en page web clair, plus l'effet de rendu CSS3, pour créer rapidement une page web riche et flexible est très simple.

<header>定义页面或区段的头部;
<footer>定义页面或区段的尾部;
<nav>定义页面或区段的导航区域;
<section>页面的逻辑区域或内容组合;
<article>定义正文或一篇完整的内容;
<aside>定义补充或相关内容;

Ils utilisent le code sémantique est plus intuitive optimisation SEO et plus pratique. Toutefois, cela ne reconnaît pas le nouveau HTML5 étiquette sur le traitement IE6 / IE7 / IE8, JavaScript est nécessaire. Ce qui suit ne sont que quelques façons.

Méthode 1: Codage JavaScript

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

Si elle est inférieure navigateur IE9 IE va créer HTML5 balises, les navigateurs non-IE ignorera le code, il n'y aurait pas de demandes inutiles http.

La deuxième méthode: en utilisant le pack html5shiv de Google (recommandé)

<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--
这个内容是我附加的:
<script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
主要是担心,如果这两个cdn失效了,可以相互替换试试
-->
<![endif]-->

Mais quelle que soit la méthode ci-dessus, CSS doit initialiser le nouveau label, car les performances HTML5 par défaut comme des éléments en ligne, ces éléments avec mise en page CSS, nous devons les mettre manuellement en éléments de blocs de mise en page pratique

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

Mais si IE6 / 7/8 désactiver un script utilisateur, il devient alors une page de style libre « tableau blanc », comment pouvons - nous résoudre?
Nous pouvons consulter les pratiques facebook qui guident l'utilisateur de saisir noscript identifié par « /? _fb_noscript = 1 « page remplacer l'étiquette avec l' étiquette html5 HTML4, qui, pour maintenir la compatibilité qu'écrire beaucoup pirater la pratique de certains plus légers.

<!--[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]-->

Cela peut guider l'utilisateur ouvre un script, ou passer directement à l' interface de conception d'étiquettes HTML4.
Article de: HTTP: //www.cnblogs.com/Capric ...

Je suppose que tu aimes

Origine www.cnblogs.com/jlfw/p/12617371.html
conseillé
Classement