3772

19 分钟

#HTML 的 <tfoot> 标签

HTML 元素 <tfoot> 定义了一组表格中各列的汇总行。

#属性

  • align(废弃): 此枚举属性指定每个单元格内容所使用的水平对齐方式。可选值为:
    • left ,单元格内容左对齐
    • center ,单元格内容居中对齐
    • right ,单元格内容右对齐
    • justify ,插入空白调整单元格中的文本内容(译者注:即两端对齐)
    • char ,将文本内容与一个具有最小偏移量的特定字符对齐,字符和偏移量分别由char 和 charoff 属性定义。若此值未设置,则假定为 left。
  • bgcolor: 此属性定义了列内单元格的背景色。定义此属性使用'#'作为前缀,其后是定义于sRGB的 6 位十六进制码。也可使用 16 种预定义的色彩字符串之一。
  • char(废弃): 此属性设置单元格对齐的基准字符。当对齐数字或货币值时,一个典型值会带有一个句点 (.)。如果align未设置为char,此属性将被忽略。
  • charoff(废弃): 此属性用作表明列内数据对于对齐基准字符的偏移字符数,对其基准字符由char属性指定。
  • valign(废弃): 指定每个表脚单元格的垂直对齐方式。可能的枚举值有:baseline、bottom、middle 和 top。此属性已被弃用,请使用 CSS 属性 vertical-align 代替。

#示例

<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>

<tfoot>

天气预报
日期 星期 天气 温度 风力 建议
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