SummArg | Cursos y recursos para webmasters

03/04/2011

HTML5 en Internet Explorer

El HTML5 permite una codificación mas cómoda y favorece la indexación de nuestros contenidos, por lo que se está expandiendo rápidamente en la web. Lamentablemente no todos los navegadores lo aceptan de forma nativa, y he aquí un pequeño tutorial de Cristalab que nos explica cómo aplicar JavaScript para que IE6, IE7 e IE8 reconozcan las nuevas etiquetas.

Para ello aplicaremos el siguiente código entre condicionales etiquetas <head>:

 <!--[if lt IE 9]> 
<script type="text/javascript"> 
   document.createElement("nav"); 
   document.createElement("header"); 
   document.createElement("footer"); 
   document.createElement("section"); 
   document.createElement("article"); 
   document.createElement("aside"); 
   document.createElement("hgroup"); 
</script> 
<![endif]-->

Con esto creamos las etiquetas HTML <nav>, <header>, <footer>, <section>, <article>, <aside> y <hgroup> para todas las versiones IE menores que 9.

Cómo funcionan los condicionales comentados?

Este tipo de comentarios funciona sólo en Internet Explorer para Windows y nos permite indicar al navegador instrucciones específicas dependiendo de su versión. Como referencia cabe señalar que:

  • gt: greater than (mayor que)
  • gte: greater than or equal to (mayor o igual que)
  • lt: less than (menor que)
  • lte: less than or equal to (menor o igual que)

Los códigos son:

<!--[if IE 7]>
Si es Internet Explorer 7
<![endif]-->
<!--[if gte IE 5]>
Si es Internet Explorer 5 o superior
<![endif]-->
<!--[if lt IE 6]>
Si es inferior a Internet Explorer 6
<![endif]-->
<!--[if lte IE 5.5]>
Si es igual o inferior a Internet Explorer 5.5
<![endif]-->
<!--[if gt IE 6]>
Si es superior a Internet Explorer 6
<![endif]-->

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: El HTML5 permite una codificación mas cómoda y favorece la indexación de nuestros contenidos, por lo que se está expandiendo rápidamente en la web. Lamentablemente no todos los navegadores lo aceptan de forma nativa, y h……

Dejar un comentario