tutorial pengembangan web terbaru
 

HTML <figure> Tag


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 "