HTML 标签

<caption> 标签用于为 <table> 标签定义标题（表格标题）。<caption> 标签只能放在 <table> 元素的开始标签和结束标签之间，即 <table> 的第一个或最后一个子元素。

语法

<table> 元素可以包含以下一些标签：

• 一个 <caption> 元素，定义表格标题
• 一个或多个 <colgroup> 元素，定义一组表格列
• 一个或多个 <thead> 元素，定义表格的表头
• 一个或多个 <tbody> 元素，定义表格的主体内容
• 一个或多个 <tfoot> 元素，定义表格的表尾

<caption> 元素语法如下：

<table>
    <caption>表格标题</caption>
    <thead>
        <tr>
            <th>表头单元格1</th>
            <th>表头单元格2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>表尾单元格1</td>
            <td>表尾单元格2</td>
        </tr>
    </tfoot>
</table>

属性值

<caption> 标签可以使用以下属性：

• align：规定表格标题的对齐方式。可选值包括 left、right、center。默认值为 center。

<table>
    <caption align="left">表格标题向左对齐显示。</caption>
    <thead>
        <tr>
            <th>表头单元格1</th>
            <th>表头单元格2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>表尾单元格1</td>
            <td>表尾单元格2</td>
        </tr>
    </tfoot>
</table>

• valign：规定表格标题的垂直对齐方式。可选值包括 top、middle、bottom。默认值为 middle。

<table>
    <caption valign="bottom">表格标题向底部对齐显示。</caption>
    <thead>
        <tr>
            <th>表头单元格1</th>
            <th>表头单元格2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
        </tr>
        <tr>
            <td>单元格3</td>
            <td>单元格4</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>表尾单元格1</td>
            <td>表尾单元格2</td>
        </tr>
    </tfoot>
</table>

注意事项

• <caption> 元素必须是 <table> 元素的第一个或最后一个子元素。
• 每个 <table> 元素只能有一个 <caption> 元素，且必须在 <thead>、<tbody>、<tfoot> 元素之前。
• <caption> 元素不能在非表格元素中使用，比如 <div>、<span> 等。
• <caption> 元素既可以有文本内容，也可以使用图片、链接等其他内容。