การแนะนำบทความของ wulin.com (www.vevb.com): ตอนแรกฉันต้องการอธิบายรูปและ figcaption ในสองบทความ แต่ฉลากทั้งสองนี้กำหนดรูปภาพและข้อความดังนั้นเราจะอธิบายพวกเขาด้วยกันซึ่งง่ายกว่าสำหรับทุกคนที่จะยอมรับ
ตอนแรกฉันต้องการอธิบายรูปและ figcaption ในสองบทความ แต่ฉลากทั้งสองนี้กำหนดรูปภาพและข้อความดังนั้นเราจะอธิบายพวกเขาด้วยกันซึ่งง่ายกว่าสำหรับทุกคนที่จะยอมรับเมื่อเขียน XHTML และ HTML ผู้คนมักจะใช้รายการรูปภาพรูปภาพ + ชื่อหรือรูปภาพ + ชื่อ + คำอธิบายง่ายๆ การเขียนแบบดั้งเดิมก่อนหน้านี้:
<li>
<img src = /> <p> ชื่อเรื่อง </p>
</li>
ใน HTML5 แท็กใหม่สามารถกำหนดรายการภาพความหมายได้มากขึ้นนั่นคือแท็กรูป
คำจำกัดความที่กำหนดโดย W3C: แท็กรูประบุเนื้อหาการสตรีมอิสระ (รูปภาพ, แผนภูมิ, ภาพถ่าย, รหัส, ฯลฯ ) เนื้อหาขององค์ประกอบรูปควรเกี่ยวข้องกับเนื้อหาหลัก แต่ถ้าถูกลบมันไม่ควรส่งผลกระทบต่อการไหลของเอกสาร
รหัสตัวอย่าง:
<รูป>
<p> สะพาน Lupu บนแม่น้ำ Huangpu </p>
<img src = shanghai_lupu_bridge.jpg width = 350 ความสูง = 234 />
</pige>
รูปที่ใช้ในการแทนที่แท็ก LI ดั้งเดิมและใครจะแทนที่แท็ก P? คำตอบคือ: figcaption
คำจำกัดความที่กำหนดโดย W3C: แท็ก Figcaption กำหนดชื่อ (คำอธิบาย) ขององค์ประกอบรูป องค์ประกอบ Figcaption ควรวางไว้ที่ตำแหน่งขององค์ประกอบลูกแรกหรือครั้งสุดท้ายขององค์ประกอบรูป
จากนั้นรหัสด้านบนจะกลายเป็น:
<รูป>
<Potcaption> สะพาน LUPU บนแม่น้ำ Huangpu </pigcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 ความสูง = 234 />
</pige>
นี่เป็นฉลากที่เข้าใจง่ายมากและการใช้งานนั้นชัดเจนมาก แม้ว่ามันจะง่าย แต่ฉันขอแนะนำให้คุณเขียนด้วยตัวเอง