码农教程 - 一技在手,衣食无忧! tools

HTML <caption> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

带有标题的表格：

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<caption>标签定义表格标题。

这个<caption>标签必须紧接在<表>标签。

提示：默认情况下，表格标题将在表格上方居中对齐。然而，CSS 属性文本对齐和标题侧可用于对齐和放置标题。

浏览器支持

Element
<caption> Yes Yes Yes Yes Yes

全局属性

这个<caption>标签还支持HTML 中的全局属性。

事件属性

这个<caption>标签还支持HTML 中的事件属性。

更多示例

示例

位置表格标题（使用 CSS）：

<table>
  <caption style="text-align:right">My savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<br>

<table>
  <caption style="caption-side:bottom">My savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
亲自试一试 »

相关页面

HTML DOM 参考：标题对象

默认 CSS 设置

大多数浏览器都会显示<caption>具有以下默认值的元素：

示例

caption {
  display: table-caption;
  text-align: center;
}
亲自试一试 »

❮上一节 完整的 HTML参考 下一节❯