HTML <figcaption> ຕາມ

  • ບ່ອນໜ້າຫນ້າເບື້ອງກັນ <fieldset>
  • ບ່ອນໜ້າຫນ້າທ້າຍ <figure>

ການນຳໃຊ້ ແລະ ຄວາມຫາຍພາບ:

<figcaption> ຕົວອອກສະໜາມ: <figure> ປະກອບກຳລັງຫົວຂໍ້.

<figcaption> ປະກອບສາມາດຕິດດັງໄດ້: <figure> ຕອນທີ່ຢູ່ຂອງປະກອບທຳອິດຫຼືສຸດທ້າຍຂອງປະກອບ.

ບໍ່ດັ່ງນັ້ນກະຈາຍອີກ:

ການປະກອບກຳລັງ HTML DOM:ວັດຖຸ Figcaption

ຄວາມນິຍົມ

ຕົວຢ່າງ 1

ການນຳໃຊ້ <figure> ເພື່ອຂັ້ນຄວາມຂອງຮູບພາບໃນເອກະສານໂດຍນຳໃຊ້ <figcaption> ເພື່ອການບັນທຶກຫົວຂໍ້ຮູບພາບ:

<figure>
  <img src="tulip.jpg" alt="ນົມວີນ" style="width:300px">
  <figcaption>ພາບ 1 - ນົມວີນ, ສາຍພັນການານ, ການສິ່ງສັດປະຫວັດສາຍ.</figcaption>
</figure>

ການທົດລອງດ້ວຍຕົວຕົນ

ຕົວຢ່າງ 2

ການກະຈະ CSS ສໍາລັບ <figure> ແລະ <figcaption>:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
<body>
<figure>
  <img src="tulip.jpg" alt="ນົມວີນ" style="width:300px">
  <figcaption>ພາບ 1 - ນົມວີນ, ສາຍພັນການານ, ການສິ່ງສັດປະຫວັດສາຍ.</figcaption>
</figure>
</body>
</html>

ການທົດລອງດ້ວຍຕົວຕົນ

ປະເພດທົດສະຫຼະ

<figcaption> ອີກອີກວ່າ ປະເພດທົດສະຫຼະ.

ປະສົມປະສານເຫດ

<figcaption> ອີກອີກວ່າ ປະສົມປະສານເຫດໃນ HTML.

ການປັບສັບ CSS ຜູ້ສະໜອງຄຳທີ່ມີຄວາມປົກກະຕິ

ສ່ວນຫຼາຍບັນຊີບັນນາທິການຈະສະແດງຄືດັ່ງລາວ <figcaption> ປະເພດ:

figcaption {
  display: block;
}

ການສະໜັບສະໜູນຈາກບັນຊີບັນນາທິການ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບັນກ່າວຫາວ່າຕົ້ນມາສະໜັບສະໜູນປະກອບທີ່ສະໜັບສະໜູນ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0
  • ບ່ອນໜ້າຫນ້າເບື້ອງກັນ <fieldset>
  • ບ່ອນໜ້າຫນ້າທ້າຍ <figure>