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 | 支持 | 支持 | 支持 | 
