HTML | <th>轴属性

简介

在 HTML 表格中，<th> 元素标识表格的表头单元格。<th> 元素的 axis 属性可以为单元格标识一个轴（axis）名称，用于标识相关的表头单元格。

语法

<th axis="axis_name">...</th>

属性值

• axis_name：表示名称的字符串（任何字母数字字符，最长为 128 个字符），用于标识相关的表头单元格。

示例

<table>
  <tr>
      <th scope="col" axis="col1">姓名</th>
      <th scope="col" axis="col2">年龄</th>
      <th scope="col" axis="col3">性别</th>
  </tr>
  <tr>
      <td headers="col1">张三</td>
      <td headers="col2">18</td>
      <td headers="col3">男</td>
  </tr>
</table>

其中 <th> 元素设置了 axis 属性，其中值为 col1、col2 和 col3。这意味着，相关的表格单元格可以使用 headers 属性，通过值来指定相应的轴名称，达到关联表头和内容的效果。

注意事项

• <th> 元素必须显示它们自己的复合角（composite headers）和作为子孙的单独的<th> 元素。如果没有明确地设置其属性，则可以使用单元格的默认水平和垂直对齐方式。
• 避免设置多个名为一样的（轴），后果将无法预测。
• 值应该简洁地，但准确地描述表头所表示的轴，并具有可读性。

参考链接：W3School