แท็ก HTML <caption> แบนเนอร์

  • หน้าก่อนหน้า <canvas>
  • หน้าต่อไป <center>

การใช้งานและการประกาศ

<caption> แท็กกำหนดหัวข้อตาราง

แท็กประกาศ caption ต้องตามหลังแท็ก table คุณสามารถกำหนดหัวข้อตารางเพียงหนึ่งตัวต่อตารางเท่านั้น

คำแนะนำ:โดยมาตรฐาน หัวข้อตารางจะตั้งตรงบนตาราง แต่ CSS คุณสมบัติ text-align และ caption-side สามารถใช้เพื่อจัดลำดับและตำแหน่งหัวข้อได้

อีกข้อมูลที่อ้างอิง:

คู่มืออ้างอิง HTML DOM:เป้าหมาย Caption

ตัวอย่าง

ตัวอย่าง 1

ตารางที่มีหัวข้อ:

<table>
  <caption>เงินฝากทุกเดือน</caption>
  <tr>
    <th>เดือน</th>
    <th>เงินฝาก</th>
  </tr>
  <tr>
    <td>เดือนมกราคม</td>
    <td>￥3000</td>
  </tr>
</table>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

หัวข้อตาราง (ใช้ CSS):

<table>
  <caption style="text-align:right">ของเงินฝากของฉัน</caption>
  <tr>
    <th>เดือน</th>
    <th>เงินฝาก</th>
  </tr>
  <tr>
    <td>เดือนมกราคม</td>
    <td>￥3000</td>
  </tr>
</table>
<br>
<table>
  <caption style="caption-side:bottom">เงินฝากของฉัน</caption>
  <tr>
    <th>เดือน</th>
    <th>เงินฝาก</th>
  </tr>
  <tr>
    <td>เดือนมกราคม</td>
    <td>￥3000</td>
  </tr>
</table>

ทดลองด้วยตัวเอง

ตัวแปรเกิดขึ้นทั่วไป

<caption> แบบภาพยังสนับสนุน ตัวแปรเกิดขึ้นทั่วไปใน HTML。

ตัวแปรเหตุ

<caption> แบบภาพยังสนับสนุน ตัวแปรเหตุใน HTML。

การตั้งค่า CSS โดยเริ่มต้น

โปรแกรมบราวเซอร์ส่วนใหญ่จะแสดงค่าเริ่มต้นตามต่อไปนี้ <caption> องค์ประกอบ：

caption {
  display: table-caption;
  text-align: center;
}

ทดลองด้วยตัวเอง

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <canvas>
  • หน้าต่อไป <center>