Tabelli HTML jippreżentaw dejta tabulari (ringieli u kolonni ta' dejta relatata) — mhux layout. Tabella aċċessibbli tuża struttura xierqa sabiex il-qari tal-iskrin jista' jannunzja headers ma' kull ċellula.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> b'scope — immarka ċelluli header. scope="col" għal headers tal-kolonna, scope="row" għal headers tal-ringliera. Il-qari tal-iskrin mbagħad jannunzja "North, Revenue: $12,000" minflok jaqra ċelluli mingħajr kuntest.<caption> — titolu għat-tabella kollha, l-ewwel tifel ta' <table>; tinqara biex torjenta l-utenti.<thead>/<tbody>/<tfoot> — jigrupaw ringieli header, body, u riepilogu; jgħinu n-navigazzjoni u jħallū l-header jirrepeti meta tipprinta.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
Tabelli tal-layout jibligħu l-qarrej tal-iskrin (jannunzjaw semantika tal-jadwal tal-dejta) u mhumiex flessibli. Uża CSS Grid/Flexbox għal layout tal-paġna.
Is-semantika t-tajba tal-tabella (<th scope>, <caption>, sezzjonament) hija dik li tagħmel tabelli ta' dejta utli għal utenti tal-qari tal-iskrin — jirrilegaw kull valur mal-headers tal-ringliera u l-kolonna tiegħu.
Riżerva <table> strettament għal dejta tabulari genuina.