Tanda <caption> HTML

Pentafsiran dan Penggunaan

<caption> Tandak menentukan tajuk tabel.

Tandak caption mesti diikuti oleh tandak table. Anda hanya boleh mensyarakkan tajuk untuk setiap table.

Pemberitahuan:Secara lalai, tajuk tabel akan terletak di atas tabel dan di tengah. Tetapi, properti CSS text-align dan caption-side boleh digunakan untuk menyelaraskan dan meletakkan tajuk.

Lihat juga:

Panduan HTML DOM:Objek Caption

Contoh

Contoh 1

Tabel dengan Tajuk:

<table>
  <caption>Simpanan Bulanan</caption>
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>￥3000</td>
  </tr>
</table>

亲自试一试

Contoh 2

Tajuk Tabel (guna CSS):

<table>
  <caption style="text-align:right">Suku Pinjaman</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;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持