ตัวอย่าง
ตารางที่มีคำอธิบายภาพ:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
<caption> แท็กคำอธิบายภาพกำหนดตาราง
<caption> แท็กจะต้องแทรกทันทีหลังจากที่ <table> แท็ก
หมายเหตุ: คุณสามารถระบุเพียงหนึ่งคำบรรยายใต้ภาพต่อโต๊ะ
เคล็ดลับ: โดยค่าเริ่มต้นคำอธิบายตารางจะเป็นศูนย์กลางชิดตารางข้างต้นอย่างไรก็ตาม CSS คุณสมบัติ text-align และ caption-side สามารถนำมาใช้ในการจัดวางและคำบรรยายใต้ภาพ
สนับสนุนเบราว์เซอร์
ธาตุ | |||||
---|---|---|---|---|---|
<caption> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
align แอตทริบิวต์ถูกลบออกจาก HTML5
แอตทริบิวต์
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
align | left right top bottom | ได้รับการสนับสนุนใน HTML5 กำหนดจัดตำแหน่งของคำบรรยาย |
แอตทริบิวต์ทั่วโลก
<caption> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<caption> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุคำบรรยายภาพ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <caption> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้: