HTML <th> scope 属性

HTML <th> 标签

定义和用法

scope 属性规定标题单元格是列、行还是列或行组的标题。

注意：scope 属性在普通的网络浏览器中没有视觉效果，但可以被屏幕阅读器使用。

详细解释

使用 scope 属性，可以将数据单元格与表头单元格联系起来。

通过属性值 row，表头行包括的所有表格都将和表头单元格联系起来。指定 col，会将当前列的所有单元格和表头单元格绑定起来。

使用 rowgroup 和 colgroup 会将单元格的行组（由 <thead>、<tbody> 或 <tfoot> 标签定义）或列组中的所有单元格和表头单元格绑定起来（由 <col> 或 <colgroup> 标签定义）。

实例

规定两个标题单元格是列的标题：

<table>
  <tr>
    <th></th>
    <th scope="col">月份</th>
    <th scope="col">存款</th>
  </tr>
  <tr>
    <td>1</td>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>二月</td>
    <td>￥4000</td>
  </tr>
</table>

亲自试一试

语法

<th scope="col|row|colgroup|rowgroup">

属性值

值 描述
col 规定单元格是列的标题。
row 规定单元格是行的标题。
colgroup 规定单元格是一组列的标题。
rowgroup 规定单元格是一组行的标题。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <th> 标签