<header>La etiqueta <header> se utiliza para definir un encabezado para un documento o una sección. Normalmente contiene elementos como el título del documento, el logo, o un menú de navegación.
<header>
<h1>Título del Documento</h1>
<nav>
<ul>
<li><a href="#section">Sección</a></li>
</ul>
</nav>
</header><section>La etiqueta <section> se utiliza para definir una sección en un documento. Cada sección debe tener un encabezado. Se utiliza para dividir el contenido en bloques temáticos o secciones que son auto-contenidas.
<section>
<h2>Encabezado de la Sección</h2>
<p>Contenido de la sección.</p>
</section><article>La etiqueta <article> se utiliza para representar una pieza independiente de contenido, como un artículo de blog, un comentario, o una entrada de foro. Cada <article> debe ser independiente y reutilizable.
<article>
<h2>Título del Artículo</h2>
<p>Contenido del artículo.</p>
</article><aside>La etiqueta <aside> se utiliza para definir contenido que está relacionado de manera tangencial con el contenido principal. A menudo se usa para barras laterales, notas al margen, o anuncios.
<aside>
<p>Contenido relacionado.</p>
</aside><figure>La etiqueta <figure> se utiliza para encapsular contenido relacionado, como imágenes, gráficos, o diagramas. Suele ir acompañada de una <figcaption> para proporcionar una leyenda o descripción.
<figure>
<img src="imagen.jpg" alt="Descripción de la imagen">
<figcaption>Leyenda de la imagen.</figcaption>
</figure><main>La etiqueta <main> se utiliza para definir el contenido principal de un documento. El contenido dentro de <main> es central para el documento y debe ser único, es decir, no debe incluir elementos repetitivos como encabezados y pies de página.
<main>
<h1>Contenido Principal</h1>
<p>Contenido del documento.</p>
</main>