📜  HTML |<th>范围属性(1)

📅  最后修改于: 2023-12-03 14:41:53.243000             🧑  作者: Mango

HTML th 范围属性

HTML中的<th>元素用于定义表格的表头单元格。范围属性(scope)可用于指定<th>元素的作用范围。

语法

范围属性(scope)有以下几个取值:

  • scope="row":指定表头单元格应用于一行。
  • scope="col":指定表头单元格应用于一列。
  • scope="rowgroup":指定表头单元格应用于一行组。
  • scope="colgroup":指定表头单元格应用于一列组。
示例

以下是对范围属性的使用示例:

<table>
  <thead>
    <tr>
      <th scope="col">姓名</th>
      <th scope="col">年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">张三</th>
      <td>25</td>
    </tr>
    <tr>
      <th scope="row">李四</th>
      <td>30</td>
    </tr>
  </tbody>
</table>

在上面的示例中,第一行的<th>元素具有scope="col"属性,表示该表头单元格应用于一列。而第二列的<th>元素具有scope="row"属性,表示该表头单元格应用于一行。

注意事项
  • 使用范围属性有助于提高表格的可访问性,因为屏幕阅读器等辅助技术可以根据范围属性正确地读取表格内容。
  • 应根据表格的结构和内容合理使用范围属性,确保表格的语义正确传达。

更多有关HTML表格的信息,请参考HTML 表格教程