HTML <caption> Tag

  • ຫົວຂໍ້ກ່ອນ <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> ອອກຈາກຕົວແທນຈະສະໜັບສະໜູນ ລະບົບປະເພດທົດສະຫຼະ.

ລະບົບການເຫດການ

<caption> ອອກຈາກຕົວແທນຈະສະໜັບສະໜູນ ລະບົບການເຫດການໃນ HTML.

ການປັບສັບ CSS ຄົນເລີກ

ບັນດາບານບູລິສາດຈະສະແດງຄືກັນທັງໝົດ <caption> ປະເພດ:

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

ທົດລອງເອງ

ການສະໜັບສະໜູນບັນດາບານບູລິສາດ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ຫົວຂໍ້ກ່ອນ <canvas>
  • ຫົວຂໍ້ອື່ນ <center>