Náuseas problema de compatibilidad: la solución perfecta IE (IE6 / IE7 / IE8) no es compatible con temas de etiquetas HTML5

El HTML5 etiquetas y atributos semánticos, permitiendo a los desarrolladores a implementar fácilmente un diseño de página web clara, más el efecto de CSS3 representación, para crear rápidamente una página web dinámica y flexible es muy simple.

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

Hacen uso de código semántico es más intuitiva optimización SEO y más conveniente. Sin embargo, esto no reconoce el nuevo HTML5 etiqueta en IE6 / IE7 / IE8, se requiere un procesamiento JavaScript. Los siguientes son sólo algunos aspectos.

Método 1: Codificación de 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 es menos de IE9 navegador IE va a crear etiquetas HTML5, tales navegadores no-IE ignorará el código, no habría peticiones http innecesarios.

El segundo método: utilizando el paquete html5shiv de Google (recomendado)

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

Sin embargo, independientemente del método anterior, CSS debe inicializar la nueva etiqueta ya que el rendimiento de HTML5 de forma predeterminada como elementos en línea, estos elementos con diseño CSS tenemos que ponerlos manualmente en elementos de bloque práctico de diseño

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

Pero si IE6 / 7/8 de scripts de usuario desactivar una, entonces se convierte en un estilo libre "pizarra" de la página, ¿cómo podemos resolverlo?
Podemos referirnos prácticas de Facebook que guían al usuario a introducir noscript identificado con "/? _fb_noscript = 1 página", sustituir la etiqueta con html5 html4 etiqueta, que con el fin de mantener la compatibilidad de escribir mucho piratear la práctica de algunos más ligero.

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

Esto puede guiar al usuario abre un script, o saltar directamente a la etiqueta HTML 4 interfaz de diseño.
Artículo de: HTTP: //www.cnblogs.com/Capric ...

Supongo que te gusta