La importancia de HTML 5

La importancia de HTML 5

Aunque pueda parecer simplemente una especificación que permite que la maquetación web sea un poco más ágil, la realidad es que HTML 5  va mucho más allá, y en esta entrada te explicamos el porqué.

1. Un gran avance en accesibilidad:

HTML 5 supone un paso gigante en cuanto a accesibilidad, ya que gracias a las nuevas etiquetas, que dejan de ser simples contenedores y definidores de estilo para tener un contenido semántico más importante, permiten darle a tu página mucho más sentido y estructuración. Algunos ejemplos de ello son: 

  • <section>: define, como su propio nombre indica, que dentro de ese contenedor hay una sección importante de la página web.
  • <article>: indica que el contenido que se encuentre dentro de esta etiqueta es una entrada, noticia, o cualquier tipo de texto informativo.
  • <header>: indica que contiene la cabecera de la página.
  • <nav>: indica que contiene cualquier tipo de elemento de navegación.


Debido a estas etiquetas y sus significados semánticos las personas con diferentes discapacidades pueden entender de forma más completa una página web.


2. Posicionamiento en motores de búsqueda (SEO):

Precisamente porque las etiquetas ahora tienen mucho más sentido y el software es capaz de entender su estructura y importancia mucho mejor, también lo hacen los robots encargados de indexar y posicionar las páginas en los diferentes motores de búsqueda, y eso hace que maquetar utilizando sintaxis de HTML 5 sea prácticamente un obligación si quieres posicionar tu página, ya que marca una gran diferencia frente a especificaciones más antiguas.


3. Soporte de audio y vídeo:

Junto con la nueva especificación llegaron muchas novedades que todos ansiábamos, como por ejemplo, la reproducción nativa de vídeo, que antes de HTML 5 tenía que ser mediante plugins como Flash. Esto es una gran noticia, ya que gracias a esto todos salimos ganando, tanto los usuarios porque ya no es necesario tener instalado programas externos al navegador en nuestro ordenador, y para los desarrolladores porque ahora podemos sacar más provecho a nuestras páginas y a nuestros diseños sin tener que depender de que el usuario tenga instalado o no un programa adicional. 

Además de vídeo, HTML 5 también aporta soporte nativo para pistas de audio. Además, podemos elegir diferentes fuente de audio o vídeo, para que nuestro navegador reproduzca la más conveniente para nosotros, ya sea por nuestro ancho de banda, potencia o compatibilidad con el mismo navegador. Esto es especialmente útil si tenemos en cuenta que podemos ofrecer diferentes formatos de vídeo, algunos de ellos más modernos y que tienen mejor compresión que los más comunes, pero no están estandarizados y por lo tanto, sería un problema reproducir un vídeo con un formato incompatible con el navegador del usuario.


Pese a todas las ventajas que tiene HTML 5, hay que ser precavido y comprobar que las funcionalidades que utilicemos sean compatibles con todos los navegadores, o por lo menos con la mayoría de ellos, ya que por ejemplo, algunas versiones del popular navegador Internet Explorer, no soportan completamente esta especificación.

Autor:

Accede a nuestra sección de proyectos a medida en Diseño Web Barcelona

Comparte este artículo en tus redes sociales

¿Tienes un proyecto en mente? Cuéntanoslo