Comentario: Cada vez más sitios comienzan a usar etiquetas HTML5, pero la situación actual es que muchas personas todavía están usando IE6, IE7 e IE8. Para permitir que todos los espectadores accedan normalmente, las siguientes dos soluciones están disponibles
Cada vez más sitios comienzan a usar etiquetas HTML5, pero la situación actual es que muchas personas todavía están usando IE6, IE7 e IE8. Para permitir que todos los espectadores accedan normalmente, las soluciones son las siguientes:1. Cree múltiples conjuntos de plantillas para el sitio web y use el programa para juzgar el agente de usuario para mostrar diferentes páginas para diferentes usuarios de navegadores, como YouKu.
2. Use JavaScript para hacer etiquetas HTML compatibles con navegadores que no admiten HTML5.
Una mejor solución para IE es HTML5SHIV. HTNL5SHIV resuelve principalmente el problema de que los nuevos elementos propuestos por HTML5 no son reconocidos por IE6-8. Estos nuevos elementos no se pueden envolver como nodos parentales y no pueden aplicar el estilo CSS. Para aplicar estilos CSS en elementos desconocidos, puede lograrlo ejecutando documentos. HTML5SHIV se crea en base a este principio.
El uso de HTML5SHIV es muy simple. Teniendo en cuenta que IE9 admite HTML5, solo necesita agregar el siguiente código al cabezal de la página:
<
Sitio web oficial HTML5SHIV:
Aquí hay algunas adiciones:
Por supuesto, incluido mi blog. Con respecto a HTML5, tengo que mencionar IE. Cuando los fabricantes de navegadores convencionales como Apple, Google, Opera y Mozilla participaron activamente en la formulación y promoción de la nueva versión de los estándares HTML, Microsoft desdedió la especificación HTML 5. Sin embargo, Microsoft declaró recientemente que admitiría HTML 5 en IE, de modo que IE8 y lo siguiente no pueden admitir etiquetas HTML5 hasta ahora. Pero en SitePoint, encontré una manera de hacer que el soporte sea HTML5.
El siguiente es un ejemplo que se muestra en IE 8, antes del procesamiento:
Para que IE (incluido IE6) admite elementos HTML5, necesitamos agregar el siguiente JavaScript al encabezado HTML. Este es un documento simple. Declaración de creación de creación, utilizando anotaciones condicionales para crear nodos correspondientes en el objeto para IE.
<!-[si es decir]>
<script>
document.createElement ("encabezado");
document.createElement ("pie de página");
document.createElement ("Nav");
document.createElement ("artículo");
document.createElement ("sección");
</script>
<! [endif]->
Después de agregar el código anterior, el efecto que se muestra en IE8 es el siguiente:
El código JavaScript para crear nodos en el ejemplo de SitePoint parece estar demasiado hinchado, y el código proporcionado en Smokemagazine parece ser más conciso.
La demostración es la siguiente
<!-[si es decir]>
<script>
(function () {if (!/*@cc_on!@*/0) return; var e = "encabezado, pie de página, navegación, artículo, sección" .split (','), i = e.length; while (i-) {document.createElement (e [i])}}) ()
</script>
<! [endif]->
HTML5 se manifiesta como elementos en línea de forma predeterminada. Al exponer estos elementos, necesitamos convertirlos manualmente en elementos de bloque usando CSS, como se muestra en el siguiente ejemplo:
encabezado, pie de página, navegación, sección, artículo {
Pantalla: bloque;
}