HTML tablice prikazuju tabelarne podatke (redove i stupce povezanih podataka) — ne raspored. Dostupna tablica koristi odgovarajuću strukturu tako da čitači zaslona mogu objaviti zaglavlja sa svakom ćelijom.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> sa scope — označava ćelije zaglavlja. scope="col" za zaglavlja stupaca, scope="row" za zaglavlja redaka. Čitači zaslona tada objavljuju "Sjever, Prihod: $12,000" umjesto čitanja ćelija bez konteksta.<caption> — naslov za cijelu tablicu, prvo dijete <table> ; čita se da orijentira korisnike.<thead>/<tbody>/<tfoot> — grupira redove zaglavlja, tijela i sažetka; pomaže pri navigaciji i omogućava da se zaglavlje ponovi tijekom ispisa.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
Tablice za raspored zbunjuju čitače zaslona (objavljuju semantiku tablice podataka) i nisu fleksibilne. Koristite CSS Grid/Flexbox za raspored stranice.
Odgovarajuća semantika tablice (<th scope>, <caption>, grupiranje) je ono što čini tablice podataka upotrebljivima za korisnike čitača zaslona — povezuju svaku vrijednost sa njenim zaglavljem redaka i stupca.
Održavajte <table> strogo za pravi tabelarne podatke.