Linwind

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]-->

Publicado el 10 de noviembre, 2011

HTML5 Rocks, la guía de HTML5 de Google
Publicado el 23 Jun 2010

Chuleta de HTML5 (Cheat Sheet)
Publicado el 09 Mar 2011

Hoja de trucos HTML5 Canvas (Cheat Sheet)
Publicado el 15 Sep 2010

Mooplay para personalizar el reproductor de HTML5
Publicado el 12 Dic 2010

Dejar un comentario


Actualidad Windows Linux Juegos Redes Sociales Utilidades Telefonía Movil Micropost