runoops.com

HTML td scope 属性

HTML td 标签

下面的实例把两个 <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 规定单元格是行组的表头。


HTML td 标签