HTML <td> scope 属性
scope 属性用于定义将表格中表头单元与数据单元相关联的方法
scope 属性标识某个单元是否是列、行、列组或行组的表头
HTML5 不支持 <td> scope 属性
语法
<td scope="col|row|colgroup|rowgroup"></td>
属性值
值 | 描述 |
---|---|
col | 设置单元格是列的表头 |
row | 设置单元格是行的表头 |
colgroup | 设置单元格是列组的表头 |
rowgroup | 设置单元格是行组的表头 |
浏览器支持
scope 属性在普通的 Web 浏览器中没有视觉效果,但可以通过屏幕阅读器使用
范例
下面的范例把两个 <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>