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

已废弃 HTML4.01 已过时 HTML5

该枚举属性指示如何将标题与表格相对齐。它可能具有以下值:

  • left,显示在表的左边
  • top,显示在表格的上面
  • right,显示在表格的右边
  • bottom,显示在表格的下面

使用注意: 不要使用该属性,因为它已被弃用:<caption> 元素应该使用 CSS 进行样式化。要实现类似 align 属性的效果,请使用 CSS 的 caption-sidetext-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 支持 支持 支持

相关链接