figcaption | Codingku

Tag <figcaption> digunakan untuk memberikan keterangan ketika menggunakan tag <figure> (tag untuk menjelaskan ilustrasi, diagram, foto, daftar kode, dll.).

Syntax

Tag <figcaption> ditulis seperti <figcaption></figcaption> dengan caption diletakkan diantara tag pembuka dan penutup.

Elemen <figcaption> bisa ditempatkan pada awal atau akhir dari elemen <figure>.

Seperti Ini:

<figure>
	<figcaption>
		Caption disini...
	</figcaption>
	
	Konten figure disini...
<figure>

Atau seperti ini:

<figure>
  Konten figure disini...

	<figcaption>
		Caption disini...
	</figcaption>
<figure>

<p><a href="#1">Figure 1</a> provides the JavaScript code for creating an alert box:</p>
<figure id="1">
  <figcaption>Figure 1. JavaScript Alert Box.</figcaption>
  <pre><code>alert('Hello!');</code></pre>
</figure>

<figure>
    <img src="/images/html/elephant-660-480.jpg"
         alt="Elephant at sunset">
    <figcaption>An elephant at sunset</figcaption>
</figure>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <figcaption> dengan pengaturan CSS:

figcaption {
  display: block;
}