Introducción al artículo de Wulin.com (www.vevb.com): Cómo hacer que IE admite nuevos elementos HTML5.
Cuando usamos los nuevos elementos HTML5, las etiquetas que pueden funcionar bien en otros navegadores (como sección, artículo, encabezado y pie de página) son un desafío para el navegador IE. La razón del problema es el mecanismo de análisis del navegador IE. Estos elementos de etiqueta que no pueden ser no reconocidos conducen a la visualización de errores de los objetos de documento.
Para ilustrar este problema, consulte el siguiente código corto:
1
2
3
4
5
<Body>
<Sección>
<p> Este es un ejemplo </p>
</section>
</body>
Curiosamente, IE6-II8 no puede analizar la etiqueta <section>, haciendo que el nodo DOM se vea como lo siguiente:
Tenga en cuenta que el navegador IE crea dos elementos vacíos. Una es la sección y la otra es /sección. Es cierto que toma la etiqueta final que no se reconoce como una etiqueta de inicio.
Aquí hay una forma conveniente de resolver este problema, que se implementó por primera vez. El concepto más básico de este método es crear elementos desconocidos utilizando document.createElement (tagname). El analizador de IE reconocerá estos elementos y los analizará y mostrará de una manera más razonable y efectiva. Por ejemplo, podemos usar el siguiente código:
1
document.createElement (sección);
De esta manera, el código anterior se verá como lo siguiente después del análisis:
Esta tecnología permite que IE6, IE7 e IE8 analicen elementos desconocidos.
Por conveniencia, Remy Sharp escribió un código que puede mejorar la visualización de nuevos elementos HTML5, que puede descargar y usar fácilmente. Publicado un script simple
Este código es correcto para otros navegadores, como Opera 9, Firefox 3 y Safari 3, para analizar estos nuevos elementos por defecto. Aunque hay algunos problemas en Firefox2, no se ha encontrado ninguna solución a estos problemas. Sin embargo, en comparación con la velocidad de actualización de IE, Firefox no es un problema.
No podemos aplicar las etiquetas creadas por este método para imprimir estilos. Si desea saber si el estilo de impresión IE es correcto, consulte el siguiente artículo Imprimir elementos HTML5 en el navegador IE (es decir, protector de impresión)
Chino original: cómo hacer que sea IE Soporte de nuevos elementos HTML5
Inglés original: apoyando nuevos elementos en IE