David Oliveras

Diseño y desarrollo de páginas web económicas, optimizadas para los buscadores, adaptables a todos los dispositivos y a un precio ajustado.

HTML5 y la web semántica

Muchos de vosotros ya habréis oído hablar del HTML5, y como si de una moda se tratara, este nuevo estándar de Internet aún en fase de borrador, a buen seguro que será el nuevo traje que todas las webs lucirán.

La web, como todo en esta vida, está en constante evolución. Durante la última década los profesionales de Internet hemos llevado el HTML4 a su límite con nuevas y sofisticadas páginas que finalmente se han visto frenadas en funcionalidad para las limitaciones de este lenguaje. Y como respuesta se ha creado (o se están creando) el HTML5, una nueva versión que dará más flexibilidad a los autores y que introducirá una serie de mejoras que harán de la web algo más atractivo y emocionante.

En un momento en que la web está suficientemente madura, este nuevo estándar quiere acabar con los errores del pasado, incluyendo nuevos elementos estructurales, es decir, muchas etiquetas DIV utilizadas para crear el esqueleto de una web, ahora tendrán su propio elemento:

  • HEADER: para identificar la cabecera de una página web. No confundir con el elemento head, que continuará vigente.
  • SECTION: representa una sección de la web, como si de un capítulo de un libro se tratara.
  • ARTICLE: una entrada de contenido.
  • ASIDE: un bloque semántico, tal como una barra lateral, que servirá para delimitar el contenido importante (section) de un complementario (aside).
  • NAV: representa la sección dedicada a la navegación de la web, es decir, los menús.
  • FOOTER: el final de página, para indicar información tal como copyright, autor, etc.

Todos estos nuevos elementos ayudarán a dar un paso más hacia la web semántica. En la actualidad los diseñadores abusan de los tag DIV para delimitar zonas, pero ahora se unificarán criterios. Se acabará aquello de poner un div id=”top” o div id=”header” o div id=”superior”… Ahora será <header> y punto.

html5

Estructura clásica del HTML5.

Otros nuevos elementos que se introducirán serán <video>, <audio>, <email>, <url>… que servirán para indicar contenidos concretos, tales como un vídeo, un clip de audio, una dirección de e-mail , una dirección web… La posibilidad de incluir material multimedia sin la necesidad de plugins externos será, ahora sí, toda una realidad.

Todos estos cambios ayudarán a los buscadores a indexar mucho mejor el contenido. La interpretación será mucho más evidente y por tanto más fácil de indexar y ser encontrada.

Señoras y señores, ¡La nueva era del posicionamiento se acerca! ¿Ya estáis preparados?

¡Gracias por compartirlo!