HTML <img> alt ຄວາມ
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
alt ຄວາມສັບສົນແມ່ນມີຄວາມສຳຄັນ ມັນຈະກໍານົດຄວາມຊອບແວງໃນບໍ່ສາມາດສະແດງພາບ.
ຖ້າຜູ້ນຳໃຊ້ບໍ່ສາມາດເຫັນພາບຍ້ອນຫຼາຍຫົນກໍຄື:
- ຄວາມສາມາດທີ່ຫຼຸດຫຼາຍ
- ຄວາມຜິດພາບໃນ src
- browser ປິດການສະແດງພາບ
- ຜູ້ນຳໃຊ້ນຳໃຊ້ screen reader
<img> alt ຄວາມຂອງ ສະແດງຄວາມຊອບແວງໃນບໍ່ສາມາດສະແດງພາບ ຫຼື ຜູ້ນຳໃຊ້ປິດການສະແດງພາບ.
ພວກເຮົາສະເໜີຫຼາຍທີ່ເຈົ້າຈະໃຊ້ບັນດາຄວາມນີ້ໃນການເຜີຍແຜ່ທຸກພາບໃນເອກະສານ. ດັ່ງນັ້ນແຕ່ພາບບໍ່ສະແດງໄດ້ ຜູ້ນຳໃຊ້ຈະສາມາດເຫັນຂໍ້ມູນກ່ຽວກັບບາງຢ່າງທີ່ສູນເສຍ. ແລະ ສຳລັບຄົນພະຍາດບໍ່ສາມາດເຫັນພາບ ຄວາມ alt ຈະເປັນທາງດຽວທີ່ພວກເຂົາຈະພົບກັບຂໍ້ມູນພາບ.
ຄຳເຕືອນ：ຖ້າຕ້ອງສ້າງຕາມວິດີໂອ ຂໍ້ສັນຍາ ຜົນຜະສົມ！
ຄຳເຕືອນ ແລະ ຄວາມອະທິບາຍ
ຄວາມອະທິບາຍ：alt ຄວາມຂອງຜົນຜະສົມຈະເປັນຄວາມສາຍທີ່ສາມາດກວມເອົາ 1024 ຄວາມ ລວມທັງຄວາມຈະນານາຊາຍ ແລະ ສັນຍາ. ຄວາມສາຍນີ້ຈະຕ້ອງຢູ່ໃນຄຳໝາຍ. ຄວາມ alt ນີ້ສາມາດກວມເອົາຄວາມຂອງພາສາພິເສດ ແຕ່ບໍ່ສາມາດກວມເອົາບັນດາສັນຍາອື່ນໆ ໂດຍສະເພາະບໍ່ສາມາດກວມເອົາບັນດາແຕ່ງຕັ້ງຮູບແບບ.
ຄວາມອະທິບາຍ：ບໍ່ສາມາດຖືກພິຈາລະນາຄວາມຢ່າງດີ. ທຸກໆ browser ອື່ນໆກຳລັງມຸ່ງໃສ່ມາການຕົກຕາມຈະບັນຍາ ພຽງແຕ່ເວລາທີ່ພາບບໍ່ສາມາດສະແດງໄດ້.
ຄຳເຕືອນ：ຖ້າຕ້ອງສ້າງຕາມວິດີໂອ ຂໍ້ສັນຍາ ຜົນຜະສົມ。
ຄວາມປະກອບ
ຄວາມສະເໜີ 1
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
ຖ້າບໍ່ສາມາດສະແດງພາບໄດ້ browser ຈະສະແດງຂໍ້ຄວາມຊອບແວງດັ່ງກ່າວ:
ນອກຈາກນັ້ນ, ເມື່ອຄົນປັບມືຂອງພາບ, ບັນຊີບັນນາທິການຫຼາຍທີ່ສຸດຈະສະແດງຄວາມຕ້ອງການທີ່ຄວາມສະແດງຄວາມສະຫຼາກ. ລະບຽບດ້ານລຸ່ມນີ້ຈະສະແດງຄວາມຕ້ອງການທີ່ຄວາມສະແດງຄວາມສະຫຼາກໃນຂໍ້ຄວາມຂອງພາບ:
ທ່ານສາມາດປັບມືຂອງພາບດ້ານລຸ່ມນີ້ເພື່ອເບິ່ງຜົນງານຄືກັນ:
ຄຳຂຽນໃນວົງສີກາຍທີ່ຄົນນຳມືຂອງຄົນນັບພາບຈະສະແດງຄວາມສະຫຼາກຈາກບັນຊີບັນນາທິການ IE7:
ຕົວຢ່າງ 2
ພາບທີ່ກໍານົດຄວາມຕ້ອງການ:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
ກົດລະບຽບ
<img alt="text">
ຄວາມຕ້ອງການຂອງຜົນງານ
| ຄວາມຕ້ອງການ | ການອະທິບາຍ |
|---|---|
| text |
ກໍານົດຄວາມຕ້ອງການຂອງພາບ. ຂັ້ນຕອນການໃຊ້ alt ຄວາມຕ້ອງການ:
|
ການສະໜັບສະໜູນບັນຊີບັນນາທິການ
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ | ສະໜັບສະໜູນ |
