Comunidad de diseño web y desarrollo en internet online

Cómo hacer que en Internet Explorer 6, 7 y 8 funcione HTML5

En el diseño y desarrollo de sitios web es importante mantenernos actualizados y migrar a las nuevas posibilidades que nos ofrecen los estándares web. Hoy se buscan que desarrolladores y diseñadores web apliquen ya HTML5 y CSS3 a sus sitios, específicamente a HTML5 que le permite una codificación más cómoda y aparentemente, una semántica ideal para la indexación de nuestro contenido en los buscadores.

Sin embargo, las versiones antiguas de nuestro navegador favorito Internet Explorer no reconocen los nuevos elementos de HTML5 de forma natural.

Así que, durante mi proceso de actualización a HTML5 y experimentos con CSS3, encontré esta bella, simple y mágica solución para poder utilizar un mark-up de HTML5 en versiones anteriores a la 9 de Internet Explorer.

Lean la introducción a HTML5 de Freddie

HTML5 en IE6, IE7 e IE8 en 2 minutos


Lo que necesitamos hacer definir estos elementos como parte del documento y la única forma de lograrlo es con JavaScript, apoyado del famoso comentario condicionado <!--[if lt IE 9 ]>. Para esto, solo tenemos que colocar el siguiente código, dentro de la etiqueta <head>

Código :

 <!--[if lt IE 9]>
<script type="text/javascript">
   document.createElement("nav");
   document.createElement("header");
   document.createElement("footer");
   document.createElement("section");
   document.createElement("article");
   document.createElement("aside");
   document.createElement("hgroup");
</script>
<![endif]-->


¿Qué hace este código Javascript por HTML5 en IE?


Este script crea soporte para las etiquetas <nav>, <header>, <footer>, <section>, <article>, <aside> (Que NO es para sidebars, es para contenidos relacionados de los articles) y <hgroup>. Las cuales ahora podrán ser renderizadas (por IE) en el Mark-up de nuestro sitio como cualquier navegador decente.

Seguimos teniendo otras limitaciones, podemos asegurar 2 cosas:
  • Cada sección de nuestro sitio estará en su lugar para los usuarios de IE.
  • Podremos beneficiarnos de las bondades SEO del Mark-up de HTML5 sin perder usuarios "vintage".


Disfrutenlo =)

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate