แท็กรูปภาพและแท็ก figcaption เป็นแท็กความหมายใหม่ใน HTML5
แท็กรูป, แท็กความหมาย html5ใช้เพื่อระบุเนื้อหาสตรีมแต่ละรายการ (รูปภาพ แผนภูมิ รูปภาพ รหัส ฯลฯ)
แท็ก figcaption, แท็กความหมาย html5เมื่อใช้ร่วมกับรูปภาพ ป้ายกำกับจะใช้เพื่อกำหนดชื่อเรื่องขององค์ประกอบรูปภาพ
ข้อดีของการใช้แท็กรูปภาพและคำอธิบายภาพเมื่อเสิร์ชเอ็นจิ้นค้นหารูปภาพ พวกเขาจะรู้ว่ารูปภาพ แผนภูมิ ภาพถ่าย รหัสและสื่ออื่นๆ ถูกเก็บไว้ที่นี่ และพวกเขาจะไม่คิดว่าบทความและสิ่งอื่นๆ ถูกเก็บไว้ที่นี่ โปรแกรมค้นหาทำให้การค้นหารวดเร็วและสะดวกยิ่งขึ้น
ในทางกลับกันเมื่อโปรแกรมเมอร์เห็นป้ายนี้ก็จะรู้ว่าสิ่งที่อยู่ตรงนี้คือรูปภาพและสื่ออื่นๆ เพื่อให้อ่านง่าย
แผนภาพต่อไปนี้อธิบายโดยย่อถึงวิธีใช้แท็กทั้งสองนี้
กรณีที่ 1:องค์ประกอบภาพที่ไม่มีชื่อ:
<รูป> <img style="margin: 0px; padding: 0px; เค้าร่าง: ไม่มี; line-height: 25.2px; ขนาดตัวอักษร: 14px; ความกว้าง: 660px; ล้น: ซ่อนไว้; ชัดเจน: ทั้งสอง; ตระกูลแบบอักษร: tahoma , arial, Microsoft YaHei;"><figure> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com เป็นแหล่งข้อมูลการสร้างเว็บไซต์ระดับมืออาชีพในประเทศและเว็บไซต์การเรียนรู้การเขียนโปรแกรมสคริปต์ ให้บริการ asp, php, asp.net, javascript, jquery, vbscript, dos การประมวลผลแบบแบตช์ และ การผลิตหน้าเว็บ การเขียนโปรแกรมเครือข่าย การสร้างเว็บไซต์ และสื่อการเขียนโปรแกรมอื่นๆ</figcaption></figure>กรณีที่ 3:
รูปภาพหลายรูป องค์ประกอบรูปภาพที่มีชื่อเดียวกัน:
<figure> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com เป็นแหล่งข้อมูลการสร้างเว็บไซต์ระดับมืออาชีพในประเทศและเว็บไซต์การเรียนรู้การเขียนโปรแกรมสคริปต์ ให้บริการ asp, php, asp.net, javascript, jquery, vbscript, dos การประมวลผลเป็นชุด การสร้างหน้าเว็บ การเขียนโปรแกรมเครือข่าย การสร้างเว็บไซต์ และสื่อการเขียนโปรแกรมอื่นๆ</figcaption></figure>ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network