¿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:
<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!
¿Quieres saber más?
¡La mejor información en tu correo!
(proximamente importantes novedades)
[…] Mas info […]
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.
Hay un error en el código que hay que poner en el header, en vez de html5shim es html5shiv 😉
Saludos
@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.
Cual es el sitio oficial? me pasan el link?
Hola Day, el sitio está en Google: http://code.google.com/p/html5shiv/
Saludos!
@admin, @tom ambas son correctas
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.
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
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.
He probado en mi blog y no se arregla. Una pregunta, esto es válido para blogs o sólo para webs?
Efectivamente, funciona a la perfección. ¡Gracias por compartirlo!
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
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
[…] 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 […]
Muchas gracias no tenía idea de este archivo
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.
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)
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
ya no es necesario usar el archivo, la biblioteca ya no existe. No lo carguen