Hace unos días que hice mi primer sitio web en HTML5 y, para mi sorpresa, resultó ser más sencillo de lo que creía.

El problema llegó cuando no podía visualizar correctamente el sitio en Internet Explorer 8 (y, por consiguiente, en versiones anteriores).

Indagando por internet, dí con una pequeña fórmula para dar solución a esto; pero primero veamos el error.

El error concreto es que IE8 (aka Internet Explorer 8) era incapaz de visualizar mi sitio con CSS o Javascript; interpretaba el HTML (de aquella manera) pero no los estilos o scripts que le daban forma, color y funcionalidad.

Como digo, indagué un poquillo y encontré la solución en scribd donde lo que hacen es lo siguiente:

Primero agregan un condicional HTML para incluir un código JavaScript que sólo interpretarán las versiones anteriores a Internet Explorer 9:

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

También se puede descargar el script de esta url. Yo, por reducir el consumo de tráfico de mi blog he decidido implementarlo directamente desde googlecode.

La segunda parte es obligar a Internet Explorer que muestre las nuevas etiquetas HTML5 como bloques, ya que no las interpreta como tal y ahí reside parte del problema:

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

Esto deberemos insertarlo al principio de nuestra hoja de estilos.

Con esto nuestro sitio HTML5 se verá perfectamente en todos los navegadores*.

*Probado en Internet Explorer 7 y 8.