Semántica HTML5

 La semántica en el HTML y HTML5 se refiere al significado o información extra que otorgan los elementos o etiquetas del lenguaje, información que define o describe el contenido, función o sección que contienen. Esta información es lo que permite que un documento se pueda rastrear de mejor manera. Ayuda a que el contenido se muestre de manera consistente en diferentes aplicaciones y contextos, además de ser fundamental para otorgar accesibilidad y funcionalidad con tecnología de asistencia como lectores de contenido.

El tipo de etiquetas que componen la web semántica nos sirven que para cualquier mecanismo automático (un navegador, un motor de búsqueda...) que lea un sitio web sepa con exactitud que partes de su contenido corresponden a cada una de las partes típicas de un sitio

Observando esas etiquetas semánticas estructurales, cualquier sistema podrá procesar la página y saber cómo está estructurada.

Algunas etiquetas que introduce HTML5:

• <section ></section>: Representa una sección "general" dentro de un documento o aplicación.
• <header></header>: Representa un grupo de artículos introductorios o de navegación.
• <nav></nav>: Representa una sección de una página que enlaza a otras páginas o a otras partes dentro de la página.
• <footer></footer>: Representa el pie de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.