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 | ໂຄຣເຈັນເຕີ້. |
ການຄິດພາບຂັບເຄື່ອງ/ໜ້າຈອງຂັບເຄື່ອງ. | |
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 |
ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |