HTML <area> media property

ການສະແດງພາສາ/ການນໍາໃຊ້

media ປະສົມອາກາດນີ້ກໍານົດຄຳສັງເກດທີ່ບັນດາຫຼັກສາທີ່ຖືກອອກແບບໃຫ້ຈະຜະລິດສຳລັບສະເພາະອາກາດຫຼືອຸປະກອນ:

ປະສົມອາກາດນີ້ນຳໃຊ້ເພື່ອສະແດງຄຳສັງເກດ URL ທີ່ອອກແບບສຳລັບອຸປະກອນພິເສດ (ເຊັ່ນ iPhone) ຫຼືສື່ມວນຊົນ/ອະຄຼິດດິນ:

ບັນດາລະຫັດຕ້ອງຖືກຍອມຮັບຫຼາຍລະຫວ່າງພາຍໃນ.

ພຽງແຕ່ຖ້າມີ: href ບັນດາປະສົມຂໍ້ສະເພາະ: ໃນຕອນນັ້ນ.

ເຂົ້າໃຈ:ປະສົມອາກາດນີ້ເປັນຄວາມສັນຍາວິສະດຸນິຍົມພຽງພໍ.

ຄວາມຄິດຈະຫາ

ນຳໃຊ້ປະສົມອາກາດຢູ່ URL ທີ່ເລືອກໃນສັນຍານ/ອຸປະກອນ:

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Sun"
  href="sun.html" media="screen and (min-color-index:256)"
</map>

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

ກົດລະບຽບ

<area media="value>

ສັນຍາທີ່ສາມາດຈະໃຊ້.

ສັນຍາ ການອະທິບາຍ
and ກໍານົດສັນຍາ AND.
not ກໍານົດສັນຍາ NOT.
, ກໍານົດສັນຍາ OR.

ອຸປະກອນ

ຄວາມຕ້ອງການ ການອະທິບາຍ
all ຄົນທົດສະດາຈານ. ມັກສະແດງທັງໝົດອຸປະກອນ.
aural ການສະແດງວິທະຍາທີ່ສົມທົບ.
braille ອຸປະກອນການສະແດງວິທະຍາບາຣິລ.
handheld ອຸປະກອນຄອງສະຫງວນ (ຈອງທີ່ນ້ອຍ ການຈັດການວົງກວ້າງຂະໜາດຫຼາຍ).
projection ໂຄຣເຈັນເຕີ້.
print ການຄິດພາບຂັບເຄື່ອງ/ໜ້າຈອງຂັບເຄື່ອງ.
screen ໜ້າຈອງຄອມພິວເຕີ້.
tty ການສົ່ງຂໍ້ຄວາມທາງໂທລະພາບ ແລະອຸປະກອນທີ່ມີຈຳນວນຄວາມທີ່ບໍ່ພົບກັນ.
tv ອຸປະກອນທີ່ສະແດງທາງໂທລະພາບ (ຄວາມຄິດວິທະຍາອັດຕາພາບທີ່ຕໍ່າ ການຈັດການໜ້າພອງ).

ຄວາມຕ້ອງການ

ຄວາມຕ້ອງການ ການອະທິບາຍ
width

ກໍານົດຂະໜາດຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (min-width:500px)"

height

ກໍານົດຂະໜາດຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (max-height:700px)"

device-width

ກໍານົດຂະໜາດຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (device-width:500px)"

device-height

ກໍານົດຂະໜາດຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (device-height:500px)"

orientation

ກໍານົດທິດທາງຈອງທີ່ສາມາດຈັດການ.

ຄວາມຕ້ອງການ: "portrait" ຫຼື "landscape"

ຕົວຢ່າງ: media="all and (orientation: landscape)"

aspect-ratio

ກໍານົດອັດຕາຂອງຂາດອອກຈອງ/ຈອງຂັບເຄື່ອງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (aspect-ratio:16/9)"

device-aspect-ratio

ກໍານົດອັດຕາ device-width/device-height ຂອງຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (aspect-ratio:16/9)"

color

ກໍານົດຈຳນວນບານຂອງສີທີ່ຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (color:3)"

color-index

ກໍານົດຈຳນວນສີທີ່ຜ່ານສະພາບຈອງທີ່ສາມາດຈັດການ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (min-color-index:256)"

monochrome

ກຳນົດຄວາມມູນຂອງບັນດາບັນທຶກວິທະຍາຂອງພາບພຽງຫນັງ.

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="screen and (monochrome:2)"

resolution

ກຳນົດຄວາມມູນຂອງຄວາມນິວຄິດຂອງບັນດາສະແດງທີ່ເປັນທໍລະທັດ/ເຈັບແຈາງ (dpi ຫລື dpcm).

ສາມາດໃຊ້ການເພີ່ມ "min-" ແລະ "max-".

ຕົວຢ່າງ: media="print and (resolution:300dpi)"

scan

ກຳນົດວິທີການກວດສອບຂອງບັນດາສະແດງທີ່ເປັນທໍລະທັດ.

ຄວາມມູນທີ່ທົດຫມາຍ: "progressive" ແລະ "interlace".

ຕົວຢ່າງ: media="tv and (scan:interlace)"

grid

ກຳນົດອຸປະກອນການສະແດງທີ່ແມ່ນແກ້ວຫລືບັນທຶກພາບ.

ຄວາມມູນທີ່ທົດຫມາຍ: "1" ແມ່ນກັບແກ້ວ, "0" ແມ່ນບໍ່.

ຕົວຢ່າງ: media="handheld and (grid:1)"

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ