下面的实例把两个 <th> 元素标识为列的表头,把两个 <th> 元素标识为行的表头:
运行一下 »<table border="1">
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<td scope="row">1</td>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
scope 属性在普通的 Web 浏览器中没有视觉效果,但可以通过屏幕阅读器使用。
HTML5 不支持 <td> scope 属性。
scope 属性定义将表格中表头单元与数据单元相关联的方法。
scope 属性标识某个单元是否是列、行、列组或行组的表头。
<td scope="col|row|colgroup|rowgroup">
值 | 描述 |
---|---|
col | 规定单元格是列的表头。 |
row | 规定单元格是行的表头。 |
colgroup | 规定单元格是列组的表头。 |
rowgroup | 规定单元格是行组的表头。 |