Etiquetas Semánticas - Sitio Web Semántico

Bienvenido

Se usa para definir la cabecera de una página o sección, donde se incluyen menús, logotipos o títulos.

<header>
  <h1>Título Principal</h1>
</header>

Se utiliza para definir un área de navegación que contiene enlaces a otras páginas o secciones.

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

Se usa para definir contenido independiente, como publicaciones de blog, productos o noticias.

<article>
  <h2>Título del Artículo</h2>
  <p>Contenido del artículo.</p>
</article>

Agrupa contenido relacionado dentro de una página, como bloques de temas o apartados.

<section>
  <h2>Sección 1</h2>
  <p>Texto relacionado.</p>
</section>

Representa el pie de página de una sección o documento, donde se colocan datos de contacto, derechos, etc.

<footer>
  <p>© 2025 Mi Sitio Web</p>
</footer>