最适合网络开发者的网站
HTML5。英语版 W3Schools。完整标签指南

尿素

HTML <caption> 标签


例子

A table with a caption:

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

下面有更多“自己尝试”的示例。


定义和用法

<caption> tag defines a table caption.

<caption> tag must be inserted immediately after the <table> tag.

提示: By default, a table caption will be center-aligned above a table. However, the CSS properties text-align and caption-side can be used to align and place the caption.


浏览器支持

元素
<caption> 是的 是的 是的 是的 是的

全局属性

<caption> 标签还支持HTML 中的全局属性.


事件属性

<caption> 标签还支持HTML 中的事件属性.


更多示例

例子

Position table captions (with 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 参考: Caption Object


默认 CSS 设置

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

例子

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