国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > caption 以获得更好的体验。

# HTML 的 <caption> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

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

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。
  • 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>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:02 创建于: 2025-11-27 09:38:02