带标题的表格:
<table> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
<caption>
标签定义了一个表格标题。
<caption>
标签必须紧跟在 <table> 标签之后。
提示: 默认情况下,表格标题将在表格上方居中对齐。 但是,CSS 属性 text-align
和 caption-side
可用于对齐和放置标题。
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>
大多数浏览器将显示具有以下默认值的 <caption>
元素:
caption {
display: table-caption;
text-align: center;
}