HTML <caption> 标签

定义及使用说明

<caption> 标签定义表格的标题。

<caption> 标签必须直接放置到 <table> 标签之后。

只能对每个表格定义一个标题。

提示:通常这个标题会被居中于表格之上。然而,CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 align 属性。

HTML 4.01 已废弃 align 属性。

实例

带有标题的表格:

<!DOCTYPE html>
<html lang='zh-cn'>
<head>
    <meta charset="utf-8">
	<title>HTML caption 标签 xinbiancheng.cn</title>
</head>
<body>
<table border="1">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table>
</body>
</html>

输出:

Monthly savings
Month Savings
January $100
February $50

可选的属性

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

全局属性

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

事件属性

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