KITTY223 – Dalam pengembangan web, tag HTML <figure> digunakan untuk mengelompokkan konten tertentu, seperti gambar, ilustrasi, diagram, atau video, bersama dengan keterangan atau deskripsi terkait yang disediakan melalui tag <figcaption>. Dalam artikel ini, kita akan menjelaskan penggunaan dan fungsionalitas dari tag <figure>.
baca juga : memahami tag html frame
Pengertian
Elemen <figure> digunakan untuk menandai konten yang mandiri, seperti gambar, ilustrasi, atau media lainnya, yang memiliki relevansi atau hubungan tertentu dengan konten sekitarnya. Biasanya, elemen <figure> diikuti oleh elemen <figcaption> untuk memberikan keterangan atau deskripsi tambahan tentang konten tersebut.
Penggunaan
Berikut adalah contoh penggunaan tag <figure> dalam sebuah dokumen HTML:
<figure>
<img src="gambar.jpg" alt="Deskripsi gambar">
<figcaption>Keterangan gambar disini</figcaption>
</figure>
Dalam contoh di atas, kita memiliki sebuah elemen <figure> yang berisi sebuah gambar (<img>). Tag <figcaption> digunakan untuk menambahkan keterangan atau deskripsi singkat tentang gambar tersebut.
Karakteristik
- Konten Mandiri: Konten dalam elemen
<figure>dianggap mandiri, artinya konten tersebut memiliki relevansi atau hubungan tertentu dengan konten sekitarnya, namun dapat berdiri sendiri jika dipisahkan dari konteksnya. - Bisa Berisi Berbagai Jenis Konten: Elemen
<figure>dapat berisi berbagai jenis konten, termasuk gambar, ilustrasi, diagram, video, kode embed, dan lain sebagainya. - Digunakan Bersama dengan
<figcaption>: Sering kali, elemen<figure>diikuti oleh elemen<figcaption>yang menyediakan keterangan atau deskripsi terkait dengan konten dalam<figure>tersebut.
Manfaat
- Organisasi Konten: Penggunaan tag
<figure>membantu mengorganisir konten tertentu, seperti gambar atau media lainnya, dalam dokumen HTML, membuatnya lebih mudah untuk dikelola dan dipahami. - Keterangan Tambahan: Dengan menggunakan elemen
<figcaption>bersamaan dengan<figure>, pengembang web dapat memberikan keterangan atau deskripsi tambahan tentang konten yang ditampilkan, meningkatkan pemahaman dan konteks bagi pengguna.
baca juga : tags html em memberikan penekanan pada teks html
Kesimpulan Tags Html <figure>
Tag <figure> adalah elemen HTML yang digunakan untuk menandai konten mandiri, seperti gambar, ilustrasi, atau media lainnya, yang memiliki relevansi atau hubungan tertentu dengan konten sekitarnya. Dengan menggunakan <figure> dan <figcaption>, pengembang web dapat menyajikan konten secara terstruktur, memberikan keterangan tambahan, dan meningkatkan pengalaman pengguna secara keseluruhan.
