HTML <caption> 标签

简介

在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>元素。