Cara menggunakan gambar HTML5 dan figcaption

Tag figure dan tag figcaption adalah tag semantik baru di HTML5.

Digunakan untuk menentukan konten streaming individual (gambar, bagan, foto, kode, dll.).

Digunakan bersama dengan gambar, label digunakan untuk menentukan judul elemen gambar.

Ketika mesin pencari mencari gambar, mereka akan mengetahui bahwa gambar, bagan, foto, kode, dan media lainnya disimpan di sini, dan mereka tidak akan mengira bahwa artikel dan hal lainnya disimpan di sini. Mesin pencari membuat pencarian menjadi lebih cepat dan nyaman.

Sebaliknya, ketika programmer melihat label ini, mereka akan mengetahui bahwa yang ada di sini adalah gambar dan media lain agar mudah dibaca.

Diagram berikut menjelaskan secara singkat cara menggunakan kedua tag ini.

Elemen gambar tanpa judul:

 <gambar> <img style="margin: 0px; padding: 0px; garis besar: tidak ada; tinggi garis: 25.2px; ukuran font: 14px; lebar: 660px; luapan: tersembunyi; jelas: keduanya; font-family: tahoma , arial, Microsoft YaHei;"> 
 <figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com adalah situs web pembelajaran pemrograman skrip dan sumber daya konstruksi situs web profesional dalam negeri, menyediakan asp, php, asp.net, javascript, jquery, vbscript, pemrosesan batch dos, dan produksi halaman web, pemrograman jaringan, konstruksi situs web, dan materi pemrograman lainnya</figcaption></figure>
 Kasus 3:
 Beberapa gambar, elemen gambar dengan judul yang sama: 
 <figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com adalah situs web sumber daya konstruksi situs web profesional dalam negeri dan pembelajaran pemrograman skrip, menyediakan asp, php, asp.net, javascript, jquery, vbscript, dos Pemrosesan batch, produksi halaman web, pemrograman jaringan, konstruksi situs web, dan materi pemrograman lainnya</figcaption></figure>
 Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.