Neidio i'r cynnwys
SilktideCymorth

IDau penynnau tablau

Mae Silktide yn gwirio tablau sy'n cysylltu eu celloedd â phenynnau gan ddefnyddio'r briodwedd headers. Yn y tablau hyn, mae angen ID unigryw ar bob cell bennyn, neu ni all y cysylltiadau weithio.

Mewn tablau cymhleth - er enghraifft, rhai â dwy lefel o benynnau, neu gelloedd sy'n ymestyn dros sawl rhes - ni ellir canfod y berthynas rhwng cell a'i phenynnau o'i safle yn unig. Mae yn datrys hyn gyda'r briodwedd headers: mae pob cell ddata yn rhestru gwerthoedd id y celloedd pennyn sy'n berthnasol iddi. Dim ond os oes gan bob cell bennyn id mewn gwirionedd y mae hynny'n gweithio.

<!-- Problem: nid oes gan yr ail bennyn id, felly ni all celloedd gyfeirio ato -->
<table>
  <tr>
    <th id="name">Enw</th>
    <th>Sgôr</th>
  </tr>
  <tr>
    <td headers="name">Ada</td>
    <td>98</td>
  </tr>
</table>

Pam mae hyn yn bwysig

Pan fydd tabl yn defnyddio cysylltiadau headers, mae yn darllen y penynnau cysylltiedig yn uchel cyn pob gwerth, gan alluogi'r gwrandäwr i gadw golwg ar ble mae o fewn tabl cymhleth. Ni ellir cyfeirio at gell bennyn heb id, felly caiff y celloedd oddi tani eu cyhoeddi heb gyd-destun, ac mae'r tabl yn troi'n ddyfalu i unrhyw un nad yw'n gallu ei weld.

Sut i'w drwsio

  1. Rhowch id unigryw i bob cell bennyn <th> yn y tabl.
  2. Diweddarwch briodwedd headers pob cell ddata i restru IDau'r holl benynnau sy'n berthnasol iddi, wedi'u gwahanu gan fylchau:
<!-- Wedi'i drwsio: mae gan bob pennyn id ac mae celloedd yn cyfeirio atynt -->
<table>
  <tr>
    <th id="name">Enw</th>
    <th id="score">Sgôr</th>
  </tr>
  <tr>
    <td headers="name">Ada</td>
    <td headers="score">98</td>
  </tr>
</table>
  1. Fel arall, ystyriwch symleiddio'r tabl. Nid oes angen cysylltiadau headers o gwbl ar dablau syml ag un rhes neu golofn o benynnau - mae celloedd <th> â phriodweddau scope yn ddigon, ac yn llawer haws eu cynnal.

Sut mae Silktide yn profi hyn

  1. Dewch o hyd i bob tabl ar bob tudalen.
  2. Hepgorwch dablau lle nad yw unrhyw gell yn defnyddio priodwedd headers - dim ond i dablau sydd wedi dewis cysylltiadau penynnau eglur y mae'r gwiriad hwn yn berthnasol.
  3. Yn y tablau sy'n weddill, rhowch wybod am bob cell bennyn <th> nad oes ganddi briodwedd id.

Dysgwch ragor

Diweddarwyd ddiwethaf

A oedd y dudalen hon yn ddefnyddiol?