HTML5Shiv, aumenta la compatibilidad de IE con HTML5

Uno de los grandes responsables de que muchos proyectos todavía no se lancen en HTML5 es por la baja compatibilidad con las diferentes versiones de Internet Explorer pero esto puede solucionarse en gran medida gracias a la libreria javascript HTML5Shiv.

HTML5Shiv consigue aplicar estilos y reconocer los elementos de HTML5 en un gran porcentaje como por ejemplo article, nav, header, section, figure … , se trata de una solución útil para todos aquellos que busquen que sus páginas se muestren un poco mejor a los usuarios que navegan bajo Internet Explorer.

Para poner un ejemplo, si intentamos aplicar un estilo solo a las etiquetas h1 que se encuentran dentro de la etiqueta article, algunas versiones de Internet Explorer no lo conseguirian detectar y nos aplicarían los estilos por defecto o los declararos con anterioridad a la etiqueta genérica. Gracias a HTML5Shiv el ejemplo que os pongo a continuación Internet Explorer lo reconocería sin problemas:

article h1{
   font-size: 15px;
   color: red;
 }

Lo más fácil de todo es incorporarlo a nuestra página web ya que solo tendremos que poner el siguiente código en la cabecera:

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

Puedes hacer para continuar leyendo o ¡Puedes dejar un comentario en respuesta al artículo aquí!


HTML5 Rocks, la guía de HTML5 de Google
HTML5 Rocks, la guía de HTML5 de Google
Chuleta de HTML5 (Cheat Sheet)
Chuleta de HTML5 (Cheat Sheet)
Hoja de trucos HTML5 Canvas (Cheat Sheet)
Hoja de trucos HTML5 Canvas (Cheat Sheet)


Artículos relacionados

Mooplay para personalizar el reproductor de HTML5
Mooplay para personalizar el reproductor de HTML5
Sketchpad, editor de imágenes en html5
Sketchpad, editor de imágenes en html5
Tutorial de diseño web con HTML5 y CSS3
Tutorial de diseño web con HTML5 y CSS3
Animated Lyrics – HTML5 empieza a mostrar su potencial
Animated Lyrics – HTML5 empieza a mostrar su potencial