ตัวอย่าง
ใช้ <figure> องค์ประกอบในการทำเครื่องหมายขึ้นภาพถ่ายในเอกสาร:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
ลองตัวเอง» ความหมายและการใช้งาน
<figure> แท็กระบุเนื้อหาที่ตนเองมีเช่นภาพประกอบแผนภาพ, ภาพถ่าย, รายชื่อรหัส ฯลฯ
ในขณะที่เนื้อหาของ <figure> องค์ประกอบที่เกี่ยวข้องกับการไหลของหลักตำแหน่งของความเป็นอิสระของการไหลของหลักและถ้าเอาออกก็ไม่ควรส่งผลกระทบต่อการไหลของเอกสาร
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<figure> แท็กใหม่ใน HTML5
เคล็ดลับและคำอธิบาย
แนะนำ: <figcaption> องค์ประกอบที่จะใช้ในการเพิ่มคำอธิบายสำหรับ <figure> องค์ประกอบ
แอตทริบิวต์ทั่วโลก
<figure> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<figure> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุรูป
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <figure> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
ตัวอย่าง
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} ลองตัวเอง»