htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

¿Qué es el HTML5 shiv?

¿Qué es el HTML5 shiv?

HTML5 shiv es algo que se escucha mucho a la hora de hacer un sitio web usando HTML5.

Si el sitio que estás haciendo solo debe funcionar en navegadores más avanzados como los que usan Webkit (Chrome, Safari, etc) o Firefox, entonces no es necesario que sigas leyendo esto… a no ser que tu sitio en HTML5 requiera de ser correctamente interpretado por Internet Explorer.

IE no reconoce los nuevos elementos del HTML5 (article, section, etc), es por esto que para que los mismos se visualicen correctamente estilizados en el mencionado navegador, es necesario crearlos mediante javascript.

La solución es bastante simple, tienes que poner el siguiente código en el head de tu sitio:

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

Cada vez hay menos excusas para empezar a usar HTML5 en nuestros sitios!

Comparte conocimiento:
Tweet about this on Twitter0Share on LinkedIn2Share on Facebook16Share on Google+0
¿Quieres saber más?
¡Suscríbete a nuestro newsletter!

Respetamos tu privacidad y tu tiempo, no recibirás ningún tipo de correo basura.

19 comentarios para “¿Qué es el HTML5 shiv?”

  1. Pablo dice:

    Para los que van a utilizar este método, les diré que la página oficial de “HTML5 shiv” dice que no es necesario poner el protocolo en la dirección que enlaza con el script. Sin embargo, a mi solo me funciona correctamente si pongo la dirección con el protocolo:

    src=”//html5shiv.googlecode.com/svn/trunk/html5.js”
    src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”

    Saludos y espero sus comentarios.

  2. Tom dice:

    Hay un error en el código que hay que poner en el header, en vez de html5shim es html5shiv 😉
    Saludos

  3. admin dice:

    @Pablo: gracias por la información, acabo de probar sin el protocolo y me funcionó, has puesto el “src” correcto?

    @Tom: La dirección es la correcta. Gracias igualmente.

  4. Day dice:

    Cual es el sitio oficial? me pasan el link?

  5. admin dice:

    Hola Day, el sitio está en Google: http://code.google.com/p/html5shiv/

    Saludos!

  6. Es lo mismo dice:

    @admin, @tom ambas son correctas

  7. namurxxi dice:

    Dejas totalmente afuera y descalificas a internet explorer.
    No obstante en este momento – y me sospecho que por mucho rato – es precisamente Ie 9 el navegador que mayor soporte da al Html5. Este script es muy recomendable o conveniente, entre otras cosas, para dar soporte de html5 a los ie7 y 8.

  8. AnzOne dice:

    Si ambas son iguales, como dice en el sitio oficial la única diferencia es que una tiene una m y la otra la v.

    Gracias por el script

  9. Fran dice:

    Hola @Tom!

    Si lees en la página oficial, dice:

    shiv or shim?
    Common question: what’s the difference between the html5shim and the html5shiv? Answer: nothing, one has an m and one has a v – that’s it.

    Pues eso, que la única diferencia del shim al shiv, es que una tiene la M y otra la V, es todo ;).

    No importa cómo lo pongas, ambas versiones funcionan a la perfección.

    Un saludo,
    Fran.

  10. dani dice:

    He probado en mi blog y no se arregla. Una pregunta, esto es válido para blogs o sólo para webs?

  11. a2clicks dice:

    Efectivamente, funciona a la perfección. ¡Gracias por compartirlo!

  12. AnzOne dice:

    También es valido para blogs y cms; recordar que para que este script funcione es necesario colocar también en el head el jquery.js

  13. antonia dice:

    quisiera saber si lo puedo ooner en mi ordenador porque me dice que no lo tengo y a lo mejor lo he quitado sin darme cuenta gracias

  14. […] a main ni tampoco tienen estilos por defecto para el mismo. Esto se soluciona incluyendo el archivo HTML5 shiv en nuestro proyecto, ya que incluye el arreglo […]

  15. Eborio Linárez dice:

    Muchas gracias no tenía idea de este archivo

  16. Carlos Maradiaga dice:

    Si efectivamante, este archivo es para IE menor a IE9, o sea, no podemos generalizar todo IE, ya que las versiones últimas dan mucho mayor soporte a HTML5.

  17. Carlos dice:

    Yo utilizo PIE (Progressive Internet Explorer) que hace que IE6, 7 y 8 sean compatibles con HTML5.

    Si tienes en la hoja de estilos una propiedad que no soporta añades una sola linea y ya funciona.

    Ejemplo

    .borderedondeado {
    border-radius: 5px;
    }

    Para hacerlo compatible:

    .borderedondeado {
    border-radius: 5px;
    behavior: url(“ruta/pie.htc”);
    }

    (ruta es el directorio donde se encuentra este fichero)

  18. Fernando Ochoa dice:

    También se podría usar:
    http://cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js

    y cargarse sólo cuando sea necesario con un [comentario condicional para IE].
    Saludos

Dejar un comentario