實例

下面的例子把兩個 th 元素標(biāo)識為列的表頭，把兩個 td 元素標(biāo)識為行的表頭：

<table border="1">
  <tr>
    <th scope="col">Month</th>
    <th scope="col">Savings</th>
  </tr>
  <tr>
    <td scope="row">1</td>
    <td>January</td>
    <td>$100.00</td>
  </tr>
  <tr>
    <td scope="row">2</td>
    <td>February</td>
    <td>$10.00</td>
  </tr>
</table>

親自試一試

定義和用法

scope 屬性定義將表頭單元與數(shù)據(jù)單元相關(guān)聯(lián)的方法。

scope 屬性標(biāo)識某個單元是否是列、行、列組或行組的表頭。

scope 屬性不會在普通瀏覽器中產(chǎn)生任何視覺變化。

屏幕閱讀器可以利用該屬性。

詳細(xì)解釋

使用 scope 屬性，可以將數(shù)據(jù)單元格與表頭單元格聯(lián)系起來。

通過屬性值 row，表頭行包括的所有表格都將和表頭單元格聯(lián)系起來。指定 col，會將當(dāng)前列的所有單元格和表頭單元格綁定起來。

使用 rowgroup 和 colgroup 會將單元格的行組（由 <thead>、<tbody> 或 <tfoot> 標(biāo)簽定義）或列組中的所有單元格和表頭單元格綁定起來（由 <col> 或 <colgroup> 標(biāo)簽定義）。

瀏覽器支持

由于不會在普通瀏覽器中產(chǎn)生任何視覺效果，很難判斷瀏覽器是否支持 scope 屬性。

語法

<th scope="value">

屬性值