<caption>
HTML<caption>元素(HTML表格标题元素)展示一个表格的标题,它常常作为<table>的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被CSS样式化,所以,它同样可以出现在任何一个一个相对于表格的做任意位置。
浏览器支持
![]() | ![]() | ![]() | ![]() | ![]() |
所有主流浏览器都支持<caption> 标签。 |
示例
<table> <caption>this is a caption</caption> <tr> <td>cell 1</td> <td>cell 2</td> </tr> </table>
标签定义及使用说明
<caption>
标签定义表格的标题。<caption>
标签必须直接放置到<table>
标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。然而,CSS 属性"text-align"和"caption-side"能用来设置标题的对齐方式和显示位置。- 当
<table>
元素是<caption>
的父元素,caption是<figure>
元素的唯一后代的时候,使用<figcaption>
元素替代<caption>
元素
Content categories | None. |
---|---|
Permitted content | 流式内容元素. |
Tag omission | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | A<table> element, as its first descendant. |
DOM接口 | HTMLTableCaptionElement |
属性
属性 | 值 | 描述 |
---|---|---|
align | left right top bottom | 定义标题的对齐方式。 HTML5 不支持。HTML 4.01 已废弃。 |
HTML 4.01 与 HTML 5 之间的差异
HTML 4.01 不赞成使用 align 属性。在 HTML 5 中,不支持该标签。请使用 CSS 代替。
全局属性
<caption>
标签支持HTML 的全局属性。
事件属性
<caption>
标签支持HTML 的事件属性。
实例
带有标题的表格:
<table border="1"> <caption>monthly savings</caption> <tr> <th>month</th> <th>savings</th> </tr> <tr> <td>january</td> <td>$100</td> </tr> </table>