Artikel Pengenalan Wulin.com (www.vevb.com): Saya awalnya ingin menjelaskan figur dan figcaption dalam dua artikel, tetapi dua label ini menentukan gambar dan teks, jadi kami akan menjelaskannya bersama, yang lebih mudah bagi semua orang untuk diterima.
Saya awalnya ingin menjelaskan figur dan figcaption dalam dua artikel, tetapi dua label ini menentukan gambar dan teks, jadi kami akan menjelaskannya bersama, yang lebih mudah bagi semua orang untuk menerima.Saat menulis xhtml dan html, orang sering menggunakan daftar gambar, gambar + judul atau gambar + judul + deskripsi sederhana. Penulisan konvensional sebelumnya:
<li>
<img src = /> <p> Judul </p>
</li>
Dalam HTML5, tag baru dapat lebih menentukan daftar gambar, yaitu tag gambar.
Definisi yang diberikan oleh W3C: Tag gambar menentukan konten streaming independen (gambar, bagan, foto, kode, dll.). Konten elemen gambar harus terkait dengan konten utama, tetapi jika dihapus, itu tidak boleh mempengaruhi aliran dokumen.
Contoh kode:
<figure>
<p> Jembatan Lupu di Sungai Huangpu </p>
<img src = shanghai_lupu_bridge.jpg width = 350 tinggi = 234 />
</tigur>
Gambar digunakan untuk mengganti tag LI asli, dan siapa yang akan mengganti tag P? Jawabannya adalah: FigCaption
Definisi yang ditetapkan oleh W3C: Tag FigCaption menentukan judul (Keterangan) dari elemen gambar. Elemen FigCaption harus ditempatkan pada posisi elemen anak pertama atau terakhir dari elemen gambar.
Maka kode di atas menjadi:
<figure>
<figcaption> jembatan lupu di Sungai Huangpu </figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 tinggi = 234 />
</tigur>
Ini adalah label yang sangat mudah dipahami dan penggunaannya sangat jelas. Bahkan jika itu sederhana, saya sarankan Anda menuliskannya sendiri.