Sobes.tech
Junior

Qual è la differenza tra gli elementi `<aside>`, `<article>` e `<section>` in HTML?

sobes.tech AI

Risposta dell'AI

  • <article>: Frammento di contenuto autosufficiente e indipendente, che può essere distribuito e riutilizzato al di fuori del contesto della pagina corrente (ad esempio, un post del blog, una notizia, un commento). Deve avere un'intestazione all'interno.
  • <section>: Sezione tematica del contenuto della pagina. Di solito ha un'intestazione (<h1>-<h6>) e raggruppa contenuti correlati. Non dovrebbe essere usato solo per lo stile — per quello si usa <div>.
  • <aside>: Contenuto che è indirettamente correlato al contenuto principale della pagina. Spesso usato per pannelli laterali, inserzioni, blocchi pubblicitari o citazioni.

Confronto in tabella:

Elemento Scopo Autosufficienza Richiede intestazione (non obbligatoria, ma consigliata)
<article> Contenuto indipendente e portatile Raccomandato
<section> Sezione tematica all'interno del documento No Raccomandato
<aside> Contenuto indirettamente correlato (pannello laterale) No No