Qué Pasa Tú ! el Blog de

Fernando Saiz Camarero

"Values. Respect. Decency. Standards." - A Bit of Fry and Laurie (1986)

¡Empieza ya con HTML5! Código para hacerlo ‘casi compatible’ con Internet Explorer 6, 7 y 8

Probablemente hayas tratado de comenzar a trabajar con html5 en tus nuevos proyectos. Y cuando has tratado de hacer el test con  IE6, IE7 e IE8, has advertido que no aplican bien los estilos a  las etiquetas propias de HTML5: address, article, aside, audio, canvas, command, datalist, details, dialog, figure, figcaption, footer, header, hgroup, keygen, mark, meter, menu, nav, progress, ruby, section, time, video.

El problema reside en el DOM, así que lo único que tienes que hacer es crear esos elementos

  1. document.createElement(“header”);
  2. document.createElement(“footer”) ;
  3. etc, etc…
<!--[if lt IE 9]>
<script type="text/javascript">
(function(){
    var elementosHTML5 = "address,article,aside,audio,canvas,command,datalist,details,dialog,figure,figcaption,footer,header,hgroup,keygen,mark,meter,menu,nav,progress,ruby,section,time,video".split(',');
       for(var i = 0; i < elementosHTML5.length; i++){
         document.createElement(elementosHTML5[i]);
       }
   }
)();
</script>
<![endif]-->

Por cierto recuerda que el Internet Explorer renderiza estos nuevos elemenos como elementos en linea, así probablemente necesites convertirlos en elementos bloque con tu hoja de estilos;

/* CSS HTML5 tags bloque*/
address, article, aside, audio, canvas, command, datalist, details, dialog, figure, figcaption, footer, header, hgroup, keygen, mark, meter, menu, nav, progress, ruby, section, time, video {
	display: block;
}

Deja un comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Saben de que hablan
(en ocasiones se equivocan)