HTML <caption> 标签

  • <caption>标签定义和用法

    <caption>标签定义表格标题。 必须在<table>标记之后立即插入<caption>标记。 注意:您只能为每个表指定一个标题。 提示:默认情况下,表格标题将在表格上方居中对齐。但是,CSS属性 text-align和caption-side 可用于对齐和放置标题。
  • <caption>浏览器支持

    Internet Explorer/Edge Chrome FireFox Safari Opera
    支持 支持 支持 支持 支持
  • <caption>实例

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    table, th, td {
        border: 1px solid black;
    }
    </style>
    </head>
    <body>
    
    <table>
      <caption>存钱计划</caption>
      <tr>
        <th>月份</th>
        <th>存钱</th>
      </tr>
      <tr>
        <td>一月</td>
        <td>¥100</td>
      </tr>
      <tr>
        <td>二月</td>
        <td>¥50</td>
      </tr>
    </table>
    
    </body>
    </html>
    
    尝试一下
  • <caption>HTML4.01和HTML5之间的差异

    align属性已从HTML5中删除。
  • <caption>属性值

    属性名 属性值 描述
    align left right top bottom HTML5不支持。 定义标题的对齐方式
  • <caption>全局属性

    <caption>标签还支持全局属性。 查看有关全局属性的更多知识。
  • <caption>事件属性

    <caption>标签还支持事件属性。 查看有关事件属性的更多知识。
  • <caption>默认CSS设置

    caption { 
        display: table-caption;
        text-align: center;
    }