元素caption

HTML文件的基本结构

caption
适用DTD:Strict Transitional Frameset   适用浏览器:All
释义 表格标题(table caption)

语法
<caption 属性="属性值">~标签内容~</caption>
说明
caption元素用来指定表格的标题或说明,应该描述表格的本质
caption为table的子元素,且只能在table元素内,应该出现在紧随table开始标签之后而一个table只能有一个caption
如果table元素的标签内容内配置thead、tfoot元素,那么tbody元素也必须配置
终止标签不可省略

属性
属性 属性值 说明
① align 字符串:预定义值
top
设置表格标题的位置,默认值为top,即标题放在表格上方,bottom为放在下方,left放在表格的左方,right为放在右方。IE还可设置为center
② valign 字符串:预定义值 设置表格标题的垂直对齐方式,可用的值有:top、middle、bottom及baseline。仅用于IE
③ 通用属性:id、title、class、style、dir、lang、xml:lang 查看
nbsp;

示范
<table>
<caption>
Table Caption Here…
</caption>
...
</table>

范例
下面的例子显示了XHTML文件基础结构: 运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素caption</title>
</head>
<body>
<table border="1" cellspacing="3" cellpadding="3" style="border-collapse:collapse">
<caption>利用table、tr、td、th元素建立HTML表格 3×3</caption>
<tr bgcolor="lightblue">
<th>表格标题第1列</th><th>表格标题第2列</th><th>表格标题第2列</th>
</tr>
<tr>
<td>第2行1列</td><td>第2行1列</td><td>第2行1列</td>
</tr>
<tr>
<td>第3行1列</td><td>第3行1列</td><td>第3行1列</td>
</tr>
</table>
</body>
</html>
caption和header都译为标题,然而前者为表格的标题,所以这种标题一个表格只有一个,而后者为表格的行与列的标题(th),所以这种标题一个表格中可以有许多个。很明显,caption和th是不同的。

参阅
table
th