Meza za HTML hutoa data ya jedwali (safu mlalo na safu wima za data zinazohusiana) — sio muundo. Jedwali linalokamatiliwa linatumia muundo sahihi ili wasomaji wa skrini waweze kutangaza vichwa kwa kila seli.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> na scope — inaashiria seli za kichwa. scope="col" kwa vichwa vya safu wima, scope="row" kwa vichwa vya safu mlalo. Wasomaji wa skrini kisha watatangaza "Kaskazini, Mapato: $12,000" badala ya kusoma seli bila muktadha.<caption> — jina la jedwali lote, mtoto wa kwanza wa <table>; husomwa ili kuongeza watumiaji.<thead>/<tbody>/<tfoot> — vikundi vichwa, mwili, na safu mlalo za muhtasari; husaidia uabiri na kuruhusu kichwa kurudiwa wakati wa uchapishaji.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
Meza za muundo zinalinganisha wasomaji wa skrini (wanatangaza semantiki ya jedwali la data) na hazina nguvu. Tumia CSS Grid/Flexbox kwa muundo wa ukurasa.
Semantiki sahihi ya jedwali (<th scope>, <caption>, sehemu) ndiyo inayofanya meza za data kuwa muhimu kwa watumiaji wa wasomaji wa skrini — huhusianisha kila thamani na vichwa vyake vya safu mlalo na safu wima.
Ikamate <table> madhubuti kwa data halisi ya jedwali.