Sobes.tech
Junior

¿Cuál es la finalidad de etiquetas como <section> y <header>?

sobes.tech AI

Respuesta de la IA

<section> se utiliza para agrupar bloques de contenido relacionados por significado. Crea una separación lógica en el documento, por ejemplo, para capítulos, secciones temáticas o cualquier otra unidad de significado.

<header> se usa para marcar el contenido introductorio de una sección o de todo el documento. A menudo contiene un título, navegación, logotipo o formulario de búsqueda.

<!-- Ejemplo de uso -->
<header>
  <h1>Título de la página</h1>
  <nav>
    <ul>
      <li><a href="#">Inicio</a></li>
      <li><a href="#">Sobre nosotros</a></li>
    </ul>
  </nav>
</header>

<section>
  <h2>Introducción</h2>
  <p>Texto de introducción...</p>
</section>

<section>
  <h2>Sección 1</h2>
  <p>Contenido de la sección...</p>
</section>