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 | Sí | Recomendado |
<section> |
Sección temática dentro del documento | No | Recomendado |
<aside> |
Contenido indirectamente relacionado (panel lateral) | No | No |