Section

La etiqueta <section> se utiliza para definir una sección en un documento. Normalmente, esta etiqueta se usa para agrupar contenido relacionado temáticamente. Un uso común de <section> es para dividir un artículo en partes o para separar diferentes secciones de una página web.

<section>
  <h2>Noticias de Tecnología</h2>
  <p>Últimas tendencias y noticias sobre tecnología alrededor del mundo.</p>
</section>

Div

La etiqueta <div> es un contenedor genérico que no tiene ningún significado semántico. Se usa principalmente para agrupar elementos para fines de estilo (con CSS) o para manipulación del DOM con JavaScript. A diferencia de <section> y <article>, <div> no debe usarse para indicar significado del contenido.

<div class="header">
  <h1>Mi Sitio Web</h1>
</div>

Nav

La etiqueta <nav> se utiliza para definir un bloque de enlaces de navegación. Este bloque normalmente contiene enlaces que permiten al usuario navegar a través de diferentes partes de un sitio web.

<nav>
  <ul>
    <li><a href="#home">Inicio</a></li>
    <li><a href="#services">Servicios</a></li>
    <li><a href="#contact">Contacto</a></li>
  </ul>
</nav>

Article

La etiqueta <article> se utiliza para especificar contenido que es independiente y autocontenido. Este contenido puede ser distribuido o reutilizado por separado de la página web original, como en un feed de RSS o en una aplicación de noticias.

<article>
  <h2>Título del Artículo</h2>
  <p>Este es un artículo de muestra que puede ser independiente del resto del contenido de la página.</p>
</article>

Aside

La etiqueta <aside> se utiliza para representar contenido que está relacionado con el contenido principal, pero que no es parte del flujo principal del documento. Puede ser usado para barras laterales, bloques de anuncios, biografías del autor, entre otros.

<aside>
  <h3>Sobre el Autor</h3>
  <p>Juan Pérez es un escritor y entusiasta de la tecnología...</p>
</aside>