HTML <td> 標簽的 scope 屬性
定義和用法
scope 屬性定義將表頭單元與數(shù)據(jù)單元相關聯(lián)的方法。
scope 屬性標識某個單元是否是列、行、列組或行組的表頭。
scope 屬性不會在普通瀏覽器中產(chǎn)生任何視覺變化。
屏幕閱讀器可以利用該屬性。
詳細解釋
使用 scope 屬性,可以將數(shù)據(jù)單元格與表頭單元格聯(lián)系起來。
通過屬性值 row,表頭行包括的所有表格都將和表頭單元格聯(lián)系起來。指定 col,會將當前列的所有單元格和表頭單元格綁定起來。
使用 rowgroup 和 colgroup 會將單元格的行組(由 <thead>、<tbody> 或 <tfoot> 標簽定義)或列組中的所有單元格和表頭單元格綁定起來(由 <col> 或 <colgroup> 標簽定義)。
實例
下面的例子把兩個 th 元素標識為列的表頭,把兩個 td 元素標識為行的表頭:
<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>
瀏覽器支持
由于不會在普通瀏覽器中產(chǎn)生任何視覺效果,很難判斷瀏覽器是否支持 scope 屬性。
語法
<td scope="value">
屬性值
| 值 | 描述 |
|---|---|
| col | 規(guī)定單元格是列的表頭。 |
| row | 規(guī)定單元格是行的表頭。 |
| colgroup | 規(guī)定單元格是列組的表頭。 |
| rowgroup | 規(guī)定單元格是行組的表頭。 |