Contoh
Gunakan <figure> elemen untuk menandai sebuah foto dalam dokumen:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Cobalah sendiri " Definisi dan Penggunaan
The <figure> tag menentukan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll
Sedangkan isi dari <figure> elemen terkait dengan aliran utama, posisinya adalah independen dari aliran utama, dan jika dihapus seharusnya tidak mempengaruhi aliran dokumen.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen.
| Elemen | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Perbedaan Antara HTML 4.01 dan HTML5
The <figure> tag yang baru di HTML5.
Tips dan Catatan
Tip: The <figcaption> elemen digunakan untuk menambahkan keterangan untuk <figure> elemen.
Atribut global
The <figure> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <figure> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: Gambar Object
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <figure> elemen dengan nilai default berikut:
Contoh
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Cobalah sendiri "