ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML <caption> Tag


ตัวอย่าง

ตารางที่มีคำอธิบายภาพ:

<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> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:

ตัวอย่าง

caption {
    display: table-caption;
    text-align: center;
}
ลองตัวเอง»