HTML <caption> 标签

实例

  1. <table border="1">
  2. <caption>Monthly savings</caption>
  3. <tr>
  4. <th>Month</th>
  5. <th>Savings</th>
  6. </tr>
  7. <tr>
  8. <td>January</td>
  9. <td>$100</td>
  10. </tr>
  11. </table>

浏览器支持

元素 Chrome Internet Explorer / Edge Firefox Safari Opera
<caption> Yes Yes Yes Yes Yes

所有浏览器都支持 <caption> 标签。

定义和用法

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

HTML 与 XHTML 之间的差异

在 HTML 4.01 中,caption 元素的 align 属性是不被赞成使用的。

在 XHTML 1.0 Strict DTD 中,caption 元素的 align 属性是不被支持的。

可选的属性

属性 描述
align left
right
top
bottom
不赞成使用。请使用样式取而代之。
规定标题的对齐方式。

全局属性

<caption> 标签支持 HTML 中的全局属性

事件属性

<caption> 标签支持 HTML 中的事件属性

TIY 实例

带有标题的表格

本例演示一个带标题(caption)的表格

  1. <h4>这个表格有一个标题,以及粗边框:</h4>
  2. <table border="6">
  3. <caption>我的标题</caption>
  4. <tr>
  5. <td>100</td>
  6. <td>200</td>
  7. <td>300</td>
  8. </tr>
  9. <tr>
  10. <td>400</td>
  11. <td>500</td>
  12. <td>600</td>
  13. </tr>
  14. </table>