Dari kursus: Pelatihan Esensial HTML

Buka akses kursus ini dengan uji coba gratis

Bergabunglah sekarang untuk mengakses lebih dari 23.200 kursus yang dipandu pakar industri.

Gambar dan figcaption

Gambar dan figcaption - Tutorial HTML

Dari kursus: Pelatihan Esensial HTML

Mulai uji coba gratis 1 bulan Beli untuk tim saya

Gambar dan figcaption

“

- Sekarang kita telah menggali cukup dalam tentang cara menempatkan gambar di halaman web, mari kita lihat cara memasangkan keterangan untuk gambar itu dengan gambar itu sendiri. Ada dua elemen lagi yang terkait dengan gambar, atau lebih tepatnya, terkait dengan gambar. Berikut adalah contoh sederhana. Kita akan mulai dengan gambar anjing kita dan keterangan untuk gambar ini. Maggie si anjing menikmati beristirahat di ladang setelah seharian mengejar tupai. Sekarang mari kita bungkus teks ini dalam elemen figcaption. Itu menunjuk itu adalah keterangan. Dan kita akan membungkus gambar dan keterangan bersama-sama dalam elemen gambar. Ini memberi browser lebih banyak informasi semantik tentang konten ini. Lebih banyak konteks daripada jika kita hanya menggunakan elemen paragraf atau div generik. Mesin pencari di AI sekarang akan tahu bahwa kedua konten ini memiliki hubungan satu sama lain. Kita juga bisa menggunakan gambar untuk hal-hal selain gambar, seperti grafik interaktif. Kami…

Konten