HTML <caption> 标签
示例
带标题的表格
<table>
<caption>每月储蓄</caption>
<tr>
<th>月份</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
</table>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<caption> 标签定义表格标题。
<caption> 标签必须紧跟在 <table> 标签之后插入。
提示: 默认情况下,表格标题将居中对齐在表格上方。但是,可以使用 CSS 属性 text-align 和 caption-side 来对齐和放置标题。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <caption> | 是 | 是 | 是 | 是 | 是 |
全局属性
<caption> 标签还支持 HTML 中的全局属性。
事件属性
<caption> 标签还支持 HTML 中的事件属性。
更多示例
示例
定位表格标题(使用 CSS)
<table>
<caption style="text-align:right">我的存款</caption>
<tr>
<th>月份</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
</table>
<br>
<table>
<caption style="caption-side:bottom">我的存款</caption>
<tr>
<th>月份</th>
<th>储蓄</th>
</tr>
<tr>
<td>一月</td>
<td>$100</td>
</tr>
</table>
自己动手试一试 »
相关页面
HTML DOM 参考:Caption 对象
默认 CSS 设置
大多数浏览器将以以下默认值显示 <caption> 元素