HTML5 en navegadores no soportados (IE). Compatibilizar

Uno de los problemas que vemos a la hora de usar HTML5 es la falta de soporte por parte de algunos navegadores, como por ejemplo Internet Explorer en sus versiones anteriores a la 9, por lo que si necesitamos realizar una Web que se vea correctamente en cualquier navegador puede ser que nos volvamos atrás en nuestras intenciones de emplear HTML5.


El problema reside, en que estos navegadores que no soportan HTML5, las etiquetas no son reconocidad por el DOM. La solución al problema sería la creación de dichas etiquetas. Esto lo hacemos de la siguiente forma:

<!--[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("time");
  document.createElement("figure");
  document.createElement("figcaption");
  document.createElement("aside");
  document.createElement("hgroup");
</script>
<![endif]-->

Como podemos ver en el ejemplo, lo que hacemos es crear, para las versiones de Internet Explorer anteriores a la 9, los distintos elementos HTML5 que empleamos en nuestra Web. En este ejemplo vemos que hemos añadido los elementos nav, header, footer, section y article. Siguiendo el mismo patrón incluiriamos todas aquellas etiquetas HTML5 que necesitemos.