Ετικέτα HTML <caption>

  • Προηγούμενη Σελίδα <canvas>
  • Επόμενη Σελίδα <center>

定义和用法

<caption> 标签定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。

提示：默认情况下，表格标题将在表格上方居中对齐。但是，CSS 属性 text-align 和 caption-side 可用于对齐和放置标题。

另请参阅：

HTML DOM 参考手册：Caption 对象

实例

例子 1

带标题的表格：

<table>
  <caption>每月存款</caption>
  <tr>
    <th>Μήνας</th>
    <th>Αποταμίευση</th>
  </tr>
  <tr>
    <td>Ιανουάριος</td>
    <td>￥3000</td>
  </tr>
</table>

Δοκιμάστε το προσωπικά

例子 2

定位表的标题（使用 CSS）：

<table>
  <caption style="text-align:right">我的存款</caption>
  <tr>
    <th>Μήνας</th>
    <th>Αποταμίευση</th>
  </tr>
  <tr>
    <td>Ιανουάριος</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">Οι αποταμιεύσεις μου</caption>
  <tr>
    <th>Μήνας</th>
    <th>Αποταμίευση</th>
  </tr>
  <tr>
    <td>Ιανουάριος</td>
    <td>￥3000</td>
  </tr>
</table>

Δοκιμάστε το προσωπικά

Γενικές Ιδιότητες

<caption> Η ετικέτα υποστηρίζει επίσης Γενικές Ιδιότητες του HTML.

Αισθησιακές Ιδιότητες

<caption> Η ετικέτα υποστηρίζει επίσης Αισθησιακές Ιδιότητες του HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις ακόλουθες προεπιλεγμένες τιμές για την εμφάνιση <caption> Στοιχείο:

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

Δοκιμάστε το προσωπικά

Υποστήριξη Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη Σελίδα <canvas>
  • Επόμενη Σελίδα <center>