3762

19 分钟

#HTML 的 <th> 标签

HTML 的 <th> 元素定义表格内的表头单元格。这部分特征是由 scope 和 headers 属性准确定义的。

#属性

  • abbr: 一个简短的描述,作为对表头单元格内容的替代标签,用于在其他上下文中引用该单元格。一些用户代理(如语音阅读器)可能会在内容本身之前呈现此描述。
  • colspan: 一个非负整数值,指示表头单元格跨越或扩展多少列。默认值为 1。用户代理会将大于 1000 的值视为不正确,而默认将其设置为 1。
  • headers: 包含了一个空格分隔的字符串(对应于为此表头单元格提供标题的 <th> 元素的 id 属性)的列表。
  • rowspan: 一个非负整数值,指示表头单元格跨越或扩展多少行。默认值为 1。如果该值被设置为 0,这个单元格就被扩展到 <th> 所属的表格分组部分(<thead><tbody><tfoot>)的最后一个单元。比 65534 大的值被会被裁剪到 65534。
  • scope: 定义了表头元素(在 <th> 中定义)关联的单元格。可能的枚举值如下:
    • row :表头关联所属的行中所有的单元格。
    • col :表头关联所属的列中所有的单元格。
    • rowgroup :表头属于一个行组并与其中所有单元格相关联。
    • colgroup :表头属于一个列组并与其中所有单元格相关联。

#示例

<table> <caption>天气预报</caption> <thead> <tr> <th>日期</th> <th>星期</th> <th>天气</th> <th>温度</th> <th>风力</th> <th>建议</th> </tr> </thead> <tbody> <tr> <td class="date">3月12日</td> <td>周日</td> <td><span class="weather-icon">☀️</span></td> <td><span class="high-temp">22°C</span> / <span class="low-temp">22°C</span></td> <td>东风2级</td> <td>适合户外活动</td> </tr> <tr> <td class="date">3月13日</td> <td>周一</td> <td><span class="weather-icon"></span> 多云</td> <td><span class="high-temp">20°C</span> / <span class="low-temp">23°C</span></td> <td>微风1级</td> <td>适宜出行</td> </tr> <tr> <td class="date">3月114日</td> <td>周二</td> <td><span class="weather-icon">🌧️</span> 小雨</td> <td><span class="high-temp">18°C</span> / <span class="low-temp">21°C</span></td> <td>东南风3级</td> <td>记得带伞</td> </tr> </tbody> <tfoot> <tr> <td colspan="6" style="text-align: center; padding: 10px; font-size: 0.9em; color: #666;"> 数据更新时间: 2023年3月11日 19:00 </td> </tr> </tfoot> </table>

<th>

天气预报
日期 星期 天气 温度 风力 建议
3月12日 周日 ☀️ 22°C / 22°C 东风2级 适合户外活动
3月13日 周一 多云 20°C / 23°C 微风1级 适宜出行
3月114日 周二 🌧️ 小雨 18°C / 21°C 东南风3级 记得带伞
数据更新时间: 2023年3月11日 19:00

创建于 2025/6/9

更新于 2025/6/14