HTML ya no es el «nuevo chico del barrio». Muchos diseñadores y desarrolladores web han estado usando esta última iteración de HTML durante muchos años. Aún así, hay algunos profesionales de la web que se han mantenido alejados de HTML5, a menudo porque tenían que soportar versiones anteriores de Internet Explorer y les preocupaba que las páginas HTML5 que creaban no fueran compatibles con los navegadores más antiguos. Afortunadamente, hay un script que puedes usar para traer soporte HTML a versiones anteriores de IE (esto sería versiones más bajas que IE9), permitiéndote construir páginas web más alineadas con las tecnologías actuales y usar algunas de las nuevas etiquetas en HTML 5.

Presentando el HTML Shiv

Jonathan Neal creó un script simple que le dice a Internet Explorer 8 y siguientes (y a Firefox 2 para el caso) que trate las etiquetas HTML5 como etiquetas reales. Esto le permite estilizarlos como lo haría con cualquier otro elemento HTML y utilizarlos en sus documentos.

Cómo usar el HTML Shiv

Para usar este script, simplemente agregue las siguientes tres líneas a su documento HTML5 en el

por encima de tu hoja de estilo.

Tenga en cuenta que esta es una nueva ubicación para este script HTML Shiv. Anteriormente, este código estaba alojado en Google, y muchos sitios aún enlazan erróneamente a ese archivo, sin saber que ya no hay ni siquiera un archivo para descargar. Esto se debe a que, en muchos casos, el uso de HTML5Shiv ya no es necesario. Más sobre esto en breve….

Volviendo a este código por un momento, se puede ver que utiliza un comentario condicional de IE para las versiones objetivo de IE por debajo de 9 (eso es lo que «lt IE 9 significa»). Esos navegadores descargarán este script y los elementos HTML5 serán entendidos por esos navegadores, a pesar de que fueron creados antes de que existiera HTML5.

Alternativamente, si no desea apuntar a este script en una ubicación externa, puede descargar el archivo de script (haga clic con el botón derecho del ratón en el enlace y seleccione «Guardar enlace como» en el menú) y cargarlo en su servidor junto con el resto de los recursos de su sitio (imágenes, fuentes, etc.). La desventaja de hacerlo de esta manera es que no podrá aprovechar los cambios que se le hagan a este script con el tiempo.

Una vez que haya agregado esas líneas de código a su página, puede cambiar el estilo de las etiquetas HTML5 como lo haría con cualquier otro navegador moderno compatible con HTML5.

¿Todavía necesitas el Shiv HTML5?

Esta es una pregunta que vale la pena hacer. Cuando se publicó HTML5 por primera vez, el panorama del navegador era muy diferente al actual. La compatibilidad con IE8 y versiones inferiores seguía siendo importante para muchos sitios, pero con el anuncio de «fin de la vida útil» que Microsoft hizo en abril de 2016 para todas las versiones de IE por debajo de 11, muchas personas ya han actualizado sus navegadores y es posible que estas versiones antiguas ya no sean motivo de preocupación para usted. Revise los análisis de su sitio web para ver exactamente qué navegadores utiliza la gente para visitar un sitio. Si nadie, o muy pocas personas, están usando IE8 y versiones inferiores, entonces puede estar seguro de que puede usar elementos HTML5 sin problemas y sin necesidad de soportar navegadores heredados.

En algunos casos, sin embargo, los navegadores IE heredados serán una preocupación. Esto sucede a menudo en organizaciones que utilizan un software específico que fue desarrollado hace mucho tiempo y que sólo funciona en una versión antigua de IE. En estos casos, el departamento de TI de esa empresa puede imponer el uso de estos navegadores antiguos, lo que significa que su trabajo para esa empresa también debe admitir instancias de IE obsoletas. Esto es cuando usted querría pasar al shiv HTML5 para que pueda utilizar los métodos y elementos de diseño web actuales, pero aún así obtener el soporte completo del navegador que necesita.