`<caption>` în HTML

Tabele HTML 3.2+

Dă un titlu vizibil unui tabel; cititoarele de ecran îl anunță înainte de date, ca utilizatorul să știe ce conține tabelul.

Sintaxă tag

<table>
  <caption>Titlul tabelului</caption>
  ...
</table>

Ce face `<caption>`

<caption> este titlul unui tabel. Trebuie să fie primul copil al lui <table>, înaintea oricărui <colgroup>, <thead> sau <tr>.

Browserul îl afișează centrat, deasupra tabelului. Cu proprietatea CSS caption-side: bottom îl muți sub tabel. Atributul vechi align este învechit (obsolete); poziția se stabilește doar din CSS.

Titlul ajută accesibilitatea: un utilizator de cititor de ecran poate sări între tabelele paginii și aude titlul fiecăruia, fără să parcurgă toate celulele.

Exemple

Exemplul 1: Tabel de note cu titlu

<caption> stă imediat după tagul de deschidere <table>.

<table>
  <caption>Notele clasei a IX-a B la matematică, semestrul I</caption>
  <tr><th>Elev</th><th>Nota</th></tr>
  <tr><td>Ana Popescu</td><td>9</td></tr>
  <tr><td>Mihai Ionescu</td><td>8</td></tr>
</table>

Ce afișează browserul

Notele clasei a IX-a B la matematică, semestrul I (centrat, deasupra)
Elev            Nota
Ana Popescu     9
Mihai Ionescu   8

Exemplul 2: Titlu sub tabel, cu sursa datelor

Cu caption-side: bottom, titlul trece sub tabel, ca o legendă.

<style>
  caption { caption-side: bottom; font-size: 0.9em; color: #555; }
</style>
<table>
  <caption>Prețuri medii în Iași, octombrie 2026</caption>
  <tr><th>Produs</th><th>Preț</th></tr>
  <tr><td>Pâine (500 g)</td><td>4,50 lei</td></tr>
  <tr><td>Lapte (1 l)</td><td>7,90 lei</td></tr>
</table>