în HTML: explicație, atribute și exemple

Ce face `<th>`

Tagul <th> (table header) definește o celulă care servește drept etichetă pentru o întreagă coloană sau pentru un întreg rând.

Pentru accesibilitate maximă, se adaugă atributul scope="col" (dacă etichetează coloana de sub ea) sau scope="row" (dacă etichetează rândul din dreapta ei), astfel încât cititoarele de ecran să poată anunța ce reprezintă fiecare valoare parcursă.

Atribute

Atribut	Descriere
`scope`	Direcția etichetată: „col” (coloană), „row” (rând), „colgroup”, „rowgroup”.
`colspan`	Numărul de coloane pe care se întinde celula.
`rowspan`	Numărul de rânduri pe care se întinde celula.

Exemple

Exemplul 1: Antet pe coloane și pe rânduri cu atributul scope

scope leagă celula de antet de datele pe care le descrie.

<table>
  <tr>
    <th scope="col">Elev</th>
    <th scope="col">Nota Matematică</th>
  </tr>
  <tr>
    <th scope="row">Ana</th>
    <td>10</td>
  </tr>
</table>

Ce afișează browserul

Elev (îngroșat) | Nota Matematică (îngroșat)
Ana (îngroșat)  | 10

Greșeli frecvente

Folosirea cu stilizare bold în loc de
; cititoarele de ecran nu recunosc td-ul ca titlu de coloană.

Comenzi înrudite

<table>: Containerul principal pentru afișarea datelor tabelare structurate pe rânduri și coloane.
<tr>: Definește un rând orizontal (table row) în interiorul unui tabel.
<td>: Celulă standard de date (table data) într-un tabel HTML.

Ce face <th>