HTML tabele predstavljajo tabelarne podatke (vrstice in stolpce povezanih podatkov) — ne postavitve. Dostopna tabela uporablja pravo strukturo, da lahko bralne naprave razglasijo glave za vsako celico.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> z scope — označuje celice glave. scope="col" za naslove stolpcev, scope="row" za naslove vrstic. Bralne naprave nato razglasijo "Sever, Prihodek: $12.000" namesto branja celic brez konteksta.<caption> — naslov za celotno tabelo, prvi otrok <table>; prebran je uporabnikom za orientacijo.<thead>/<tbody>/<tfoot> — skupinirajo vrstice glave, telesa in povzetka; pomagajo pri navigaciji in omogočijo ponavljanje glave pri tiskanju.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
Tabele za postavitve zbegajo bralne naprave (razglasijo semantiko podatkovne tabele) in so nefleksibilne. Za postavitev strani uporabite CSS Grid/Flexbox.
Pravilna semantika tabele (<th scope>, <caption>, sekcije) je tisto, kar naredi tabelarne podatke uporabne za uporabnike bralnih naprav — povezujejo vsako vrednost s svojimi naslovi vrstic in stolpcev.
Omejite <table> strogo na prave tabelarne podatke.
Knjižnica IT vprašanj za razgovore s podrobnimi odgovori — od začetnika do izkušenega.
Doniraj