HTML <th> scope -attribuutti

HTML <th> - otsikkosolu

Määrittely ja käyttö

Scope Atribuutti määrittää, onko otsikkosolut sarakkeen, rivin, sarakeryhmän tai riviryhmän otsikko.

Huomioitavaa:Scope Atribuutti ei näy tavallisissa verkkoselaimissa, mutta sitä voidaan käyttää näytönlukijoiden kanssa.

Yksityiskohtainen selitys

Käyttö Scope Atribuutti voi yhdistää tietosolut otsikkosoluihin.

Atribuutin arvo row sidottaa kaikki otsikkorivin sisältämät taulut otsikkosoluihin. Määrittämällä col sidotaan kaikki nykyisen sarakkeen solut ja otsikkosolut.

Käyttämällä rowgroup ja colgroup sidotaan kaikki soluryhmät (määritellyt <thead>, <tbody> tai <tfoot> -tagit) tai sarakeryhmät sisältävät solut ja otsikkosolut (määritellyt <col> tai <colgroup> -tagit).

Esimerkki

Määritellään kaksi otsikkosolua sarakkeiden otsikoksi:

<table>
  <tr>
    <th></th>
    <th scope="col">kuukausi</th>
    <th scope="col">säästäminen</th>
  </tr>
  <tr>
    <td>1</td>
    <td>tammikuu</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>helmikuu</td>
    <td>￥4000</td>
  </tr>
</table>

Kokeile itse

Syntaksi

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

Ominaisuuden arvo

Arvo Kuvaus
col Määritellään solu sarakkeen otsikkona.
row Määritellään solu rivin otsikkona.
colgroup Määritellään solu sarakkeiden otsikkona.
rowgroup Määritellään solu rivejä otsikkona.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <th> - otsikkosolu