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> 元素
