Las etiquetas semánticas de HTML no solo hacen que tu código sea más legible y mantenible, sino que también ayudan a los motores de búsqueda y a las tecnologías de asistencia (como los lectores de pantalla) a entender mejor la estructura y el contenido de tu página.
Ejemplos de Etiquetas Semánticas:
<header>
: Define la cabecera de un documento o una sección.<nav>
: Define un conjunto de enlaces de navegación.<main>
: Define el contenido principal del documento.<article>
: Define contenido independiente que tiene sentido por sí solo.<section>
: Define una sección genérica en un documento.<aside>
: Define contenido aparte del contenido principal.<footer>
: Define el pie de página de un documento o una sección.<figure>
y<figcaption>
: Usados para contenido multimedia con una leyenda.