Sobes.tech
Junior

¿En qué consiste la diferencia entre los elementos `<aside>`, `<article>` y `<section>` en HTML?

sobes.tech AI

Respuesta de la IA

  • <article>: Fragmento de contenido autosuficiente e independiente, que puede ser difundido y reutilizado fuera del contexto de la página actual (por ejemplo, una entrada de blog, una noticia, un comentario). Debe tener un encabezado dentro.
  • <section>: Sección temática del contenido de la página. Generalmente tiene un encabezado (<h1>-<h6>) y agrupa contenido relacionado. No debe usarse solo para estilización — para eso está <div>.
  • <aside>: Contenido que está indirectamente relacionado con el contenido principal de la página. Se usa a menudo para paneles laterales, inserciones, bloques publicitarios o citas.

Comparación en tabla:

Elemento Propósito Autosuficiencia Requiere encabezado (no obligatorio, pero recomendable)
<article> Contenido independiente y portable Recomendado
<section> Sección temática dentro del documento No Recomendado
<aside> Contenido indirectamente relacionado (panel lateral) No No