简介
在HTML中,<caption>
元素是用来给表格添加标题的。它必须放置在<table>
标签内部,并且应该是第一个子元素出现。这个标签通常与屏幕阅读器一起使用,帮助视障用户更好地理解表格的内容和结构。
语法
<table>
<caption>This is a caption</caption>
... <!-- table content -->
</table>
在上面的例子中,"This is a caption"将会作为表格的标题显示。注意,<caption>
元素只能包含文本内容,不能包含其他HTML标签。
属性
-
align
: 该属性定义了标题在表格中的对齐方式,它可以是top
,bottom
,left
,right
或者inherit
之一。注意,由于该属性已经不再被标准所支持,因此应尽量避免使用它。
示例
让我们看一个实际的例子:
<table border="1">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<!-- more table data -->
</table>
在这个例子中,"Monthly savings"将会作为表格的标题显示。
浏览器支持
所有主流的浏览器都完全支持<caption>
元素。