HTML

  • ບ່ອນໄປຫຼັງຈາກ <applet>
  • ບ່ອນໄປຕໍ່ໄປ <article>

ການອະທິບາຍແລະການນໍາໃຊ້

<area> ແບບ tag ທີ່ກໍານົດເຂດພາບທີ່ສາມາດຄົ້ນຫາຄືນ (ຮູບພາບທີ່ມີເຂດສະແດງທີ່ສາມາດຄົ້ນຫາຄືນແລະພົບກັບບາງລູກທີ່ສະແດງທີ່ບາງທີ່ມີຄວາມສະແດງ)

<area> ແບບສັນຍາລະບາຍຢູ່ໃນ ແບບ <map>ຢູ່ໃນອານຸສາດ

ຄວາມສັງເກດ:ແບບ <img> ໃນ ຄວາມຊື່ usemap ກັບ ແບບ <map> ຂອງ ຄວາມຊື່ການກ່ຽວຂ້ອງຫນຶ່ງກັບອື່ນຫນຶ່ງທີ່ສາມາດຄົ້ນຫາຄືນຫນຶ່ງກັບອື່ນ

ບໍ່ມີຂໍ້ສັງເກດ

ຄູ່ມູນ HTML DOMບັນດາຂໍ້ມູນ Area

ຄວາມສຳຄັນ

ຕົວຢ່າງ 1

ຮູບພາບທີ່ມີເຂດສະແດງທີ່ສາມາດຄົ້ນຫາຄືນ

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Coffee" href="coffee.html">

ທ້າທາຍພວກເຈົ້າເອງ

ຕົວຢ່າງ 2

ຮູບພາບທີ່ມີເຂດສະແດງທີ່ສາມາດຄົ້ນຫາຄືນ

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">

  Sun
  Mercury

ທ້າທາຍພວກເຈົ້າເອງ

ກຳນົດຂໍ້ຄວາມທີ່ຈະເປີດສຳລັບບ່ອນການ. ມັນແມ່ນສະເພາະຖ້າມີການຈັດຕັ້ງ href.
ກຳນົດຄວາມຕັ້ງຂອງບ່ອນການ
ກຳນົດບາງວັດຖຸຈະຖືກດັດເພີ່ມລົງໃນທີ່ຈະກວດສະແດງສັນຍານ
ກຳນົດທີ່ຈະເຊື່ອມຕໍ່ສຳລັບການກ່ຽວຂ້ອງ
ກຳນົດພາສາທີ່ຈະເປີດ URL ການເຊື່ອມຕໍ່
ກຳນົດສື່ມວນຊົນ/ອຸປະກອນທີ່ຈະຫຼຸດຄວາມພິການສຳລັບ URL ການເຊື່ອມຕໍ່
ກຳນົດຂໍ້ມູນກ່ຽວກັບການສະແດງຕໍ່ກັບການເຊື່ອມຕໍ່
ກຳນົດຄວາມສຳພັນຂອງເອກະສານປະຈຸບັນ ແລະ URL ການເຊື່ອມຕໍ່
ກຳນົດຮູບຮ່າງຂອງບ່ອນການ
  • ຊື່ວັດຖຸຕັ້ງຕໍ່
 ກຳນົດບ່ອນທີ່ຈະເປີດ URL ການເຊື່ອມຕໍ່
type ປະເພດສື່ມວນຊົນ ກຳນົດບາງປະເພດສື່ມວນຊົນສຳລັບ URL ການເຊື່ອມຕໍ່

ການຈັດຕັ້ງວັດຖຸແບບສະເພາະ

<area> ອັບການຈັດຕັ້ງວັດຖຸເຫດຈະສະໜັບສະໜູນ ການຈັດຕັ້ງວັດຖຸແບບສະເພາະໃນ HTML。

ການຈັດຕັ້ງວັດຖຸເຫດ

<area> ອັບການຈັດຕັ້ງວັດຖຸເຫດຈະສະໜັບສະໜູນ ການຈັດຕັ້ງວັດຖຸເຫດໃນ HTML。

ການກະກຽມ CSS ຄົນທຳອິດ

ທົດສະນະວັດຖຸຫຼາຍຈະສະແດງຄູ່ມືທີ່ດັ່ງມາ <area> ບັນດາປະເພດ:

area {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ
  • ບ່ອນໄປຫຼັງຈາກ <applet>
  • ບ່ອນໄປຕໍ່ໄປ <article>