HTML | <th>标题属性

介绍

在HTML中，<th>元素用于定义HTML表格中的表头单元格。表头单元格用于标识表格中的列标题或行标题。<th>元素与<td>元素类似，但具有一些不同的特性和用法。

语法

<th>元素位于<tr>元素内部，在<thead>或<tfoot>元素中用于定义表格的行标题，而在<tbody>元素中用于定义表格的列标题。<th>元素具有以下语法：

<th 属性名="属性值">文本</th>

属性

<th>元素支持以下常用属性：

• colspan：定义表头单元格跨越的列数。
• rowspan：定义表头单元格跨越的行数。
• headers：指定与当前表头单元格关联的数据单元格或列。

示例

以下示例展示了如何使用<th>元素来定义表格的列标题和行标题：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>张三</th>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <th>李四</th>
      <td>30</td>
      <td>女</td>
    </tr>
    <tr>
      <th>王五</th>
      <td>22</td>
      <td>男</td>
    </tr>
  </tbody>
</table>

在上面的示例中，<th>元素用于定义表格的标题行。每个标题单元格中的文本表示相应列的列标题。<thead>元素用于包含表格的表头部分，而<tbody>元素用于包含表格的数据部分。

提示

• 表格应该包含适当的语义标签，如<thead>、<tbody>和<tfoot>，以提高可访问性。
• 使用<th>元素来区分表头单元格和数据单元格，以增加表格的可读性和可访问性。

通过使用<th>元素，程序员可以更好地定义和呈现HTML表格的标题，使表格结构更加清晰，并提高表格的可访问性。