HTML <caption> 元素
HTML <caption>
元素表示表格的标题。虽然它始终是 <table>
的第一个子元素,但可以使用 CSS 样式将其放置在相对于表格的其他位置。
带有标题的表格:
<table border="1">
<caption>每月存款</caption>
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>1月</td>
<td>¥1000</td>
</tr>
<tr>
<td>2月</td>
<td>¥2200</td>
</tr>
</table>
特性
内容类别 | 无。 |
---|---|
允许的内容 | 流式内容. |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 |
<table> 元素,作为其第一个父元素。 |
允许的 ARIA 角色 | 无 |
DOM 接口 | HTMLTableCaptionElement |
属性
该元素包含了全局属性。。
align
该枚举属性指示如何将标题与表格相对齐。它可能具有以下值:
-
left
,显示在表的左边 -
top
,显示在表格的上面 -
right
,显示在表格的右边 -
bottom
,显示在表格的下面
使用注意: 不要使用该属性,因为它已被弃用:
<caption>
元素应该使用 CSS 进行样式化。要实现类似align
属性的效果,请使用 CSS 的caption-side
和text-align
属性。
事件属性
<caption>
元素支持 HTML 的事件属性。
使用注意
当 <table>
元素是 <figure>
元素的唯一子元素时,如需使用 <figure>
元素,请使用 <figcaption>
元素代替。
实例
有关 <caption>
的实例,请参阅 <table>
页面。
规范
规范 | 状态 | 备注 |
---|---|---|
HTML Living Standard<caption> 的定义 |
现行的标准 | - |
HTML5<caption> 的定义 |
推荐 | - |
HTML 4.01 Specification<caption> 的定义 |
推荐 | - |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
align |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
align |
支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |