Tanda <figcaption> HTML

Definisi dan penggunaan

<figcaption> Tandakan dengan <figure> Elemen menentukan tajuk.

<figcaption> Elemen dapat ditempatkan di <figure> Lokasi pertama atau terakhir anak elemen.

Lihat juga:

Panduan HTML DOM:Objek Figcaption

Contoh

Contoh 1

Penggunaan elemen <figure> untuk menandai foto dalam dokumen, dan penggunaan elemen <figcaption> untuk menentukan tajuk foto:

<figure>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
  <figcaption>图 1 - 郁金香，百合科，多年生草本植物。</figcaption>
</figure>

亲自试一试

Contoh 2

Penggunaan CSS untuk tetapkan gaya <figure> dan <figcaption>:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: otomatis;
}
figcaption {
  background-color: hitam;
  warna: putih;
  font-style: tulen;
  padding: 2px;
  text-align: tengah;
}
</style>
</head>
<body>
<figure>
  <img src="tulip.jpg" alt="郁金香" style="width:300px">
  <figcaption>图 1 - 郁金香，百合科，多年生草本植物。</figcaption>
</figure>
</body>
</html>

亲自试一试

全局属性

<figcaption> 标签还支持 HTML 中的全局属性。

事件属性

<figcaption> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <figcaption> 元素：

figcaption {
  display: block;
}

浏览器支持

表中的数字注明了首个完全支持该元素的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0