caption
适用DTD:Strict Transitional Frameset 适用浏览器:All
释义
表格标题(table caption)
语法
<caption 属性="属性值">~标签内容~</caption>
<caption 属性="属性值">~标签内容~</caption>
说明
caption元素用来指定表格的标题或说明,应该描述表格的本质
caption为table的子元素,且只能在table元素内,应该出现在紧随table开始标签之后而一个table只能有一个caption
如果table元素的标签内容内配置thead、tfoot元素,那么tbody元素也必须配置
终止标签不可省略
属性
nbsp;
示范
<table>
<caption>
Table Caption Here…
</caption>
...
</table>
<caption>
Table Caption Here…
</caption>
...
</table>
范例
下面的例子显示了XHTML文件基础结构: 运行打印
下面的例子显示了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>
<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是不同的。