HTML <th> scope-egenskap

HTML <th> etikett

Definition och användning

Scope Egenskapen definierar om rubrikcellen är en rubrik för kolumn, rad eller både kolumn och radgrupp.

Observera:Scope Egenskapen har ingen visuell effekt i vanliga webbläsare, men kan användas av skärmläsare.

Detaljerad förklaring

Användning Scope Egenskapen kan användas för att koppla dataceller till rubrikceller.

Genom att använda egenskapen row kopplas alla tabeller som ingår i rubrikraden till rubrikcellen. Genom att ange col kopplas alla celler i det aktuella kollegementet till rubrikcellen.

Användning av rowgroup och colgroup binder alla celler i cellgrupper (definierade av <thead>, <tbody> eller <tfoot>-taggar) eller kolgrupper (definierade av <col> eller <colgroup>-taggar) tillsammans.

Exempel

Definiera två rubrikceller som kolumners titlar:

<table>
  <tr>
    <th></th>
    <th scope="col">Månad</th>
    <th scope="col">Insättning</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>

Prova själv

Syntax

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

Attributvärde

Värde Beskrivning
col Definierar cellen som en kolumns titel.
row Definierar cellen som en raders titel.
colgroup Definierar cellen som en grupp kolumners titel.
rowgroup Definierar cellen som en grupp raders titel.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <th> etikett