约 2401 字

约 12 分钟

#HTML 的 <caption> 标签

HTML 的 <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题,它常常作为 <table> 的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被 CSS 样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。

#属性

  • align(废弃): 这个可枚举属性表明了 caption 相对于 table 应该如何排列。它可能有以下几个值:
    • left , 展示在表格左边
    • top , 显示在表格前面
    • right , 显示在表格右边
    • bottom , 显示在表格下面

#示例

<table>
    <caption>2023年销售数据</caption>
    <thead>
        <tr>
            <th>季度</th>
            <th>产品A</th>
            <th>产品B</th>
            <th>总计</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>第一季度</td>
            <td>$12,000</td>
            <td>$8,500</td>
            <td>$20,500</td>
        </tr>
        <tr>
            <td>第二季度</td>
            <td>$15,000</td>
            <td>$9,200</td>
            <td>$24,200</td>
        </tr>
        <tr>
            <td>第三季度</td>
            <td>$14,500</td>
            <td>$10,000</td>
            <td>$24,500</td>
        </tr>
        <tr>
            <td>第四季度</td>
            <td>$18,000</td>
            <td>$12,300</td>
            <td>$30,300</td>
        </tr>
    </tbody>
</table>

<caption>

#推荐阅读

更新: 2025/8/1

作者: PlanC

创建: 2025/6/9