HTML5 no funciona en Internet Explorer - html5shiv

HTML5 no funciona en Internet Explorer – html5shiv

Usar HTML5 también tiene sus inconvenientes. El principal es que en las versiones anteriores a Internet Explorer 9 (IE9) y otros navegadores directamente no funciona. No reconoce las nuevas etiquetas como section, article o header, lo cual nos hace la puñeta ya que no se le pueden aplicar los estilos CSS.

Si es imprescindible que nuestro portal se vea correctamente en estas versiones, disponemos de una solución en forma de polyfill que nos evitará tener que cambiar las etiquetas o crear una versión alternativa para Internet Explorer. Se trata de html5shiv, un pequeño código en JavaScript que hará que el navegador en cuestión implemente los estilos como los tenemos definidos.

Su uso es muy sencillo, bastará con vincular el script en el head de nuestra web. Para asegurarnos que sólo se carga en los navegadores que queremos, haremos uso de un filtro y lo meteremos dentro de un comentario condicional.

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

En este caso, el script html5shiv sólo se activará si se entra desde un navegador inferior a Internet Explorer 9.

Hasta ahora disponíamos de dos opciones, enlazar directamente al archivo que se encontraba en Google Code o descargarlo y subirlo a nuestro servidor. Por desgracia este mismo año han suspendido el servicio de Google Code, por lo que ya no podremos enlazar a este repositorio. No obstante han conservado un archivo histórico con los proyectos donde podremos ver los enlaces originales.Mayo 2016

2 respuestas a «HTML5 no funciona en Internet Explorer – html5shiv»

  1. Avatar de Francisco Guerrero
    Francisco Guerrero

    Entonces… que hago para corregir ese error?
    Cual es el código para abrirlo?

    1. Avatar de Jesús Tovar

      El código y los pasos son los mismos, lo que ya no está disponible es el archivo online. Debes buscarlo, subirlo a tu servidor por ejemplo y actualizar la ruta. En el artículo por ejemplo enlazo al proyecto de GitHub, podrías descargar el archivo JavaScript de ahí.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *