HTML data-*

ການກໍານົດ ແລະ ການນໍາໃຊ້

data-* ຄູ່ມວນຊົນຖືກໃຊ້ເພື່ອບັນທຶກຂໍ້ມູນສານລະບົບຫຼືການບໍລິຫານສານລະບົບ

data-* ຄູ່ມວນຊົນສາມາດໃຫ້ພວກເຮົາມີຄວາມສາມາດລວມ data-* ທີ່ເປັນການສ້າງໃນສິ່ງໃດໜຶ່ງຂອງ HTML

ຂໍ້ມູນທີ່ບັນທຶກ (ຄູ່ມວນຊົນ) ສາມາດນຳໃຊ້ໂດຍ JavaScript ຂອງເວັບໄຊເພື່ອສ້າງຄວາມມີຄວາມມຸ່ງຫາຍຫຼາຍກວ່າ (ບໍ່ມີການໂຕ້ຖຽງ Ajax ຫຼືການຊອກຫາຂໍ້ມູນຂອງລະບົບທີ່ບໍ່ມີສາຍລະບົບ)

data-* ຄູ່ມວນຊົນປະກອບຈາກສອງສ່ວນ:

  • ຊື່ສາມາດບໍ່ຕ້ອງມີຄຳສະແດງສັງຫານອີກແລະຕ້ອງມີຄຳສະແດງບໍ່ຕ້ອງຫຼາຍກວ່າໜຶ່ງຄຳສະແດງຫຼັງຈາກສາຂາ "data-"
  • ຄູ່ມວນຊົນສາມາດເປັນສາຍຄຳທີ່ບໍ່ມີຄວາມສະແດງ

ຜູ້ບໍລິຫານບໍ່ຈະຍິນດີຫາກຈະມີສາຂາແບບ "data-"

ບໍ່ບໍ່ບຸກຄົນທີ່ຢືນຢັນ:

ການສອນ HTMLHTML ຄວາມສະແສ

ຄູ່ມວນຊົນ HTML DOMລະບົບ HTML DOM getAttribute()

ບົດສະຫຼຸບ

ການບັນທຶກຂໍ້ມູນສຳລັບການນໍາໃຊ້ data-* ຄວາມສະແສ

<ul>
  <li data-animal-type="鸟类">ຄານ</li>
  <li data-animal-type="鱼类">ປາຕົກ</li>
  <li data-animal-type="蜘蛛">ສັນນິລະ</li>
</ul>

ທົດລອງດີຕະຫລອດ

ວິທີການ

<element data-*="somevalue">

ຄວາມສະແສຂອງຄວາມສະແສ

ຄວາມສະແສ ການອະທິບາຍ
somevalue ການສະແດງຄວາມສະແສຂອງຄວາມສະແສ (ເປັນຄວາມສະແສ).

ການສະໜັບສະໜູນບັນດາອຸປະກອນຈາກການບັນທຶກ

ຈຳນວນທີ່ໃນຕາຕະລາງສະແດງວ່າສະບາຍອາດທີ່ສົມບູນສະບາຍຄວາມສະແສນັ້ນ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6