2010-10-12 27 views
19

A menudo veo esta declaración DOCTYPE en algunas páginas que estoy viendoHTML 5 Doctype e IE 6

<!DOCTYPE html> 

Hice algunas investigaciones suave y esto es HTML 5 declaración DOCTYPE. Los navegadores modernos pueden interpretar esto y obligarían a operar en modo estándar.

Mi pregunta es, algunos de mis usuarios de destino todavía están utilizando IE6. ¿Cómo responderá IE6 cuando declare dicha declaración de tipo de documento?

¿Obtendré algún beneficio o pérdida en ese caso?

Gracias.

Respuesta

18

Respuesta corta: el doctype HTML5 funciona bien en IE6.

Respuesta más larga: vea Henri Sivonen's comprehensive research de los efectos de diferentes tipos de documento en diferentes navegadores.

+0

Excelente blog que llegaste allí. ¡Gracias! –

10

No hay inconvenientes en el uso del doctype HTML5 en IE6. El beneficio es un tipo de documento más corto que es más fácil de recordar.

Sin embargo, IE tiene un error extraño en el que si usa etiquetas HTML5 que aún no reconoce, no se pueden diseñar con CSS. El navegador actuará como si la etiqueta no estuviera allí. Sin embargo, los contenidos seguirán siendo correctos.

Para evitar este error, si llama al createElement con el nombre de la etiqueta HTML5 que desea utilizar en su página, el navegador le permitirá personalizarlos con CSS. Así que si usted hace esto:

document.createElement('video'); 

Antes de cualquier <video /> etiquetas en su página, que le permitirá aplicar un estilo adecuado a la etiqueta. Tenga en cuenta que el navegador todavía no hará nada con la etiqueta. Solo podrá aplicarle CSS.

Para facilitar este proceso, es una práctica común utilizar this HTML5 shim library en su página. Simplemente incluya esto en su documento antes de cualquier elemento CSS o HTML5.

<!--[if lt IE 9]> 
<script src="dist/html5shiv.js"></script> 
<![endif]--> 
+0

Excelente respuesta Dan, gracias por los consejos. –