HTML <th> scope-attribuut

HTML <th> tag

Definitie en gebruik

Scope Het attribuut definieert of de titelcellen de kolom, rij of zowel kolom als rijgroep titels zijn.

Let op:Scope Het attribuut heeft geen visuele effecten in normale webbrowsers, maar kan worden gebruikt door schermlezers.

Gedetailleerde uitleg

Gebruik Scope Het attribuut kan de data-cellen met de kopcellen verbinden.

Door de waarde van het attribuut row worden alle tabellen in de kopregel met de kopcellen verbonden. Door col in te stellen worden alle cellen in de huidige kolom met de kopcellen verbonden.

Gebruik van rowgroup en colgroup bindt alle cellen in de rijgroep (definieerd door <thead>, <tbody> of <tfoot>-tags) of kolomgroep (definieerd door <col> of <colgroup>-tags) samen.

Voorbeeld

Bepaalt dat twee titelcellen kolomtitels zijn:

<table>
  <tr>
    <th></th>
    <th scope="col">Maand</th>
    <th scope="col">Opslag</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Januari</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Februari</td>
    <td>￥4000</td>
  </tr>
</table>

Probeer het zelf uit

Syntaxis

<th scope="col|row|colgroup|rowgroup">

Eigenschapswaarde

Waarde Beschrijving
col Stelt de cel in als een titel van een kolom.
row Stelt de cel in als een titel van een rij.
colgroup Stelt de cel in als een titel van een groep kolommen.
rowgroup Stelt de cel in als een titel van een groep rijen.

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

HTML <th> tag