Sobes.tech
Junior

Mi a különbség az `<aside>`, `<article>` és `<section>` elemek között HTML-ben?

sobes.tech MI

Válasz az MI-től

  • <article>: Önálló, független tartalomrész, amely a jelenlegi oldal kontextusán kívül is terjeszthető és újra felhasználható (például blogbejegyzés, hír, megjegyzés). Belül címet kell tartalmaznia.
  • <section>: A oldal témakör szerinti szekciója. Általában van címe (<h1>-<h6>) és összefüggő tartalmat csoportosít. Nem szabad csak stílusozásra használni — erre a <div> való.
  • <aside>: Olyan tartalom, amely közvetetten kapcsolódik az oldal fő tartalmához. Gyakran használják oldalsávokhoz, beszúrásokhoz, reklámsávokhoz vagy idézetekhez.

Összehasonlítás táblázatban:

Elem Célja Önállóság Címet igényel (nem kötelező, de ajánlott)
<article> Független, hordozható tartalom Igen Ajánlott
<section> A dokumentum témakör szerinti szekciója Nem Ajánlott
<aside> Közvetetten kapcsolódó tartalom (oldalsáv) Nem Nem