Explicación de etiquetas semánticas en HTML5

<header>

Define el encabezado de una página o sección. Suele contener el título, logotipo o navegación principal.

<header>
    <h1>Bienvenido a mi sitio</h1>
</header>

<nav>

Representa una sección destinada a la navegación, usualmente enlaces de menú.

<nav>
    <ul>
        <li><a href="index.html">Inicio</a></li>
    </ul>
</nav>

<section>

Una sección de contenido temáticamente relacionado dentro de una página.

<section>
    <h2>Nuestros productos</h2>
    <p>Revisa las gorras disponibles.</p>
</section>

<article>

Contenido independiente y autocontenible, como un post de blog o una noticia.

<article>
    <h2>Novedades en moda urbana</h2>
    <p>Esta temporada destaca por colores neón.</p>
</article>

<footer>

Pie de página o de sección. Incluye información como derechos de autor, autoría, enlaces, etc.

<footer>
    <p>© 2025 Caps Galaxy</p>
</footer>