Conținut conex sau secundar: bară laterală (sidebar), casetă cu informații suplimentare sau reclame.

Sintaxă tag
<aside>
  <h3>Despre autor</h3>
  <p>Detalii conexe...</p>
</aside>

Ce face <aside>

Tagul <aside> reprezintă un conținut care are legătură cu subiectul paginii, dar care ar putea fi omis fără a strica sensul textului principal.

Cazuri comune: bara laterală (sidebar) a unui blog, un glosar explicativ într-o căsuță, o biografie a autorului sau linkuri spre alte articole recomandate.

Exemple

Exemplul 1: Casetă laterală cu sfat rapid

Oferă o informație adițională față de firul narativ principal.

<aside class="sfat">
  <h3>Sfat util</h3>
  <p>Salvează fișierele întotdeauna cu extensia <code>.html</code> pentru a fi recunoscute de browser.</p>
</aside>

Ce afișează browserul

O căsuță laterală cu titlul Sfat util și textul recomandării.

Greșeli frecvente

  • Plasarea conținutului esențial al articolului în interiorul unui tag

Comenzi înrudite

  • <article>: Conținut complet și autonom, care are sens de unul singur dacă este distribuit separat (articol de blog, știre, comentariu).
  • <section>: Marchează o secțiune tematică a unei pagini sau a unui articol, care ar trebui să aibă propriul titlu (h2-h6).
  • <div>: Container generic de tip bloc (division), fără semnificație semantică, folosit pentru gruparea elementelor și stilizare CSS.