Comentario: Este artículo presenta principalmente la solución a cómo los nuevos elementos HTML5 son compatibles con los viejos navegadores. Los amigos que lo necesitan pueden referirse a él.
Una pregunta, lo que el maestro nos ha arrojado es: ¿cómo hacer que IE8 compatible con estas etiquetas? (Requiere el diseño de DOM en JS)Aunque acabo de hablar hoy, todavía necesito entenderlo.
<span> <! DOCTYPE HTML>
<html>
<Evista>
<meta charset = "utf-8">
<title> Compare la compatibilidad de los nuevos elementos HTML5 en los viejos navegadores - HTML5 Freedom </title>
</ablo>
<Body>
<Argán> Área superior </weader>
<Arb> Área de navegación </am>
<Artículo> Área del artículo </artículo>
<ToToTer> Área de fondo </foTer>
</body>
</html> </span>
En los navegadores que admiten etiquetas HTML5, aparece como:
| ------------------------------------------------------------------------------------------------------------------------------
| Área superior |
| Área de navegación |
| Área del artículo |
| |
| ------------------------------------------------------------------------------------------------------------------------------
El estilo de pantalla en el antiguo navegador es:
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
Todos tienen el mismo efecto. Si no se equivoca, el antiguo navegador no reconoce estas etiquetas recientemente agregadas, por lo que todas se resuelven mediante el uso de elementos en línea. Por lo tanto, hay un avance en la solución para que se convierta en un elemento de bloque y no estará en la misma línea. De esta manera, el mismo efecto se puede mostrar en los navegadores nuevos y viejos. Además, el navegador reconoce la etiqueta. La solución específica a la necesidad de agregar nuevas etiquetas es:
IE8/IE7/IE6 admite etiquetas generadas a través del método de documentos. Esta característica se puede utilizar para permitir que estos navegadores admitan nuevas etiquetas HTML5. El código es el siguiente:
document.createElement ('nueva etiqueta'); // Agregar para crear una nueva etiqueta
El código JS es el siguiente:
<script>
document.createElement ('encabezado');
document.createElement ('nav');
document.createElement ('artículo');
document.createElement ('pie de página');
</script>
O cree etiquetas directamente por Looping:
var e = "abbr, artículo, aparte, audio, lienzo, datalista, detalles, diálogo, eventsource, figura, pie de página, encabezado, hgroup, marca, menú, medidor, navegación, salida, progreso, sección, tiempo, video" .split (',');
var i = e.length;
Mientras (i-) {
document.createElement (e [i])
}
Configuración de estilo CSS Estilo predeterminado:
<estilo>
Artículo, aparte, lienzo, detalles, figption, figura, pie de página, encabezado, hgroup, menú, navegación, sección, resumen {
Pantalla: bloque;
}
</style>
Otra forma es usar el método de marco, utilizando comentarios condicionales y código JS para implementarlo
<span> <!-[si LT IE 9]>
<script> src = "http://html5shim.googlecode.com/svn/trunk/html5.js" </script>
<! [Endif]-> </span>
Simplemente agregue este código para lograr problemas de compatibilidad, con respecto a la atención condicional
<!-Si lt ie9>
Es para determinar si es inferior a IE9 o menos. Si es así, ejecute este código JS. Si no es así, ignóralo. En cuanto al enlace en JS, puede averiguarlo abriéndolo directamente y revisándolo. También es un gran código.