HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <caption>表格标题标签

HTML <caption> 标签用于添加 HTML 表格的标题或标题。它应该用在 <table> 元素内部，紧跟在 <table> 开始标记之后。一张表格可能只包含一个 <caption> 元素。

句法

<caption>表格标题... </caption>

以下是关于 <caption> 标签的一些规范

展示排队
开始标签/结束标签开始和结束标签
用法文字的

例子 (Example)

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
       自己试试 »

输出：

属性

标签特定的属性

属性属性值描述
align

  • top

  • bottom

  • left

  • right

它相对于表格对齐标题

全局属性

<caption> 标签支持全局属性

事件属性

<caption> 标签支持事件属性。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<caption>YesYesYesYesYes

更多例子


位置表标题（使用 CSS）：

例子 (Example)

<table>
  <caption style="text-align:right">My savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<br>

<table>
  <caption style="caption-side:bottom">My savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
       自己试试 »

默认 CSS 设置

大多数浏览器将显示<caption>具有以下默认值的元素：

例子 (Example)

caption {
  display: table-caption;
  text-align: center;
}
       自己试试 »


上一主题 HTML <canvas>画布标签 下一主题 HTML <center> 标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具