articulos javascript

Las versiones antiguas de los navegadores, principalemente internet explorer, no dan soporte para las nuevas etiquetas html5. La solución más sencilla es actualizar el navegador, pero algunas empresas y particulares son reaciones a abandonar su viejo explorer 6 y en estos casos, nuestras etiquetas html5 son elementos extraños y que el navegador no reconoce.

Para solucionar esto tenemos varias opciones, la más sencilla, es habilitar mediante javascript, dichas etiquetas, para ello utilizaremos el siguiente 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]-->

Con el, utilizamos los condicionales que solo interpreta explorer, y que para el resto de navegadores, son solo comentarios html, y en el caso de que nuestro navegador sea una versión de internet explorer, inferior a la versión 9, creará los elementos html5 que nos faltan, en el ejemplo he utilizado sólo algunas nuevas etiquetas, sería cuestión de añadir aquellas que incluyamos en nuestro código html.

Otra solución, sería la incorporación de librerias externas como pueden ser:

• Modernizr: librería javascript, que nos permitirá desarrollar proyectos html5 sin preocuparnos si el navegador del usuario es compatible o soporta html5 y css3.


• HTML5 shiv: similar a la anterior, en este caso, con repositorio en google, por lo que solo tenemos que poner el siguiente código en nuestro web:

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

La verdad es que existen muchas más librerias, pero estas son las más comunes.