Sobes.tech
Junior

Na czym polega różnica między elementami `<aside>`, `<article>` i `<section>` w HTML?

sobes.tech AI

Odpowiedź od AI

  • <article>: Samodzielny, niezależny fragment treści, który może być rozpowszechniany i ponownie używany poza kontekstem bieżącej strony (np. wpis na blogu, wiadomość, komentarz). Powinien mieć tytuł wewnątrz.
  • <section>: Tematyczna sekcja treści strony. Zazwyczaj ma tytuł (<h1>-<h6>) i grupuje powiązane treści. Nie powinno się go używać tylko do stylizacji — do tego służy <div>.
  • <aside>: Treść, która jest pośrednio związana z główną treścią strony. Często używana do paneli bocznych, wstawek, bloków reklamowych lub cytatów.

Porównanie w tabeli:

Element Przeznaczenie Samodzielność Wymaga tytułu (nie jest obowiązkowe, ale zalecane)
<article> Niezależna, przenośna treść Tak Zalecane
<section> Tematyczna sekcja w dokumencie Nie Zalecane
<aside> Treść pośrednio związana (panel boczny) Nie Nie