ປະສົມປະກອບ <img> usemap HTML:

HTML <img> ຕາມ

ການສະແດງຫຼືການນໍາໃຊ້:

usemap ປະສົມປະກອບທີ່ບໍ່ມີສາຍທາງ:

ຮູບພາບທີ່ມີພາກພິດທີ່ສາມາດລະບຸນິນັບຢູ່:

usemap ປະສົມປະກອບກັບ: ປະສົມປະກອບ <map>: ກັບ ຄວາມລະອຽດ name ຫຼື id ເພື່ອສ້າງການເຊື່ອມຕໍ່ລະຫວ່າງ <img> ແລະ <map>:

ຫັງແນວ:ບໍ່ສາມາດໃຊ້ຖ້າ <img> ສະມາຊິກຂອງ <a> ຫຼື <button>: usemap ປະສົມປະກອບ:

延伸阅读：详解 usemap 属性

ຄົນຄວາມນິຍົມ:

ຮູບພາບທີ່ມີພາກພິດທີ່ສາມາດລະບຸນິນັບຢູ່:

Life

  Computer
  Phone
  Cup of coffee
</map>

亲自试一试

语法

属性值

值 描述
#mapname 井号字符（“#”）加上要使用的 元素的名称。

延伸阅读：详解 usemap 属性

usemap 属性提供了一种“客户端”的图像映射机制，有效地消除了服务器端对鼠标坐标的处理，以及由此带来的网络延迟问题。通过特殊的 和 标签，HTML 创作者可以提供一个描述 usemap 图像中超链接敏感区域坐标的映射，这个映射同时包含相应的超链接 URL。usemap 属性的值是一个 URL，它指向特殊的 区域。用户计算机上的浏览器将把鼠标在图像上单击时的坐标转换成特定的行为，包括加载和显示另外一个文档。

我们举例说明一下，下面这段源代码将一个 100x100 像素的图像 map.gif 映射为 4 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。请注意，在这个 标签中，我们已经有效地包含了对 ismap 图像映射的处理功能，这样，那些使用不具有 usemap 处理功能的浏览器用户，就可以通过另外一中途径，即服务器端机制来处理图像映射：

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>
<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

ຄວາມແຕກຕ່າງຂອງການນຳໃຊ້ ismap ແລະ usemap attribute

Map ແມ່ນວິດີຈະວັດຢ່າງດີຂອງການນຳໃຊ້ ismap ແລະ usemap attribute, ເຊັ່ນວ່າບໍ່ວ່າພວກເຮົາກຳລັງຢືນທີ່ຫຼັກຂອງບໍລິສັດຂອງປະເທດທັງໝົດຫຼາຍຄົນ, ຜູ້ນຳໃຊ້ອາດສະແດງຕັ້ງການປະກາດວັດຊາທີ່ຢູ່ໃນເມືອງທີ່ພວກເຂົາອາໄສ, ເພື່ອຮັບຄືນທີ່ຫຼາຍທີ່ຈະຕັ້ງການຫຼາຍທີ່ມີທາງດ້ານຊັ້ນທີ່ຈະຕັ້ງການ.

ຜົນຂອງ usemap ບໍ່ຕ້ອງມີສະຖານນີຫຼືຊົນປະທານສະຖານີພິເສດອາດນຳໃຊ້ໃນສະຖານທີ່ບໍ່ແມ່ນ web (ບໍ່ມີເຄືອຂ່າຍ) ເຊັ່ນດຽວກັບໃນຫ້ອງຂອງພວກເຮົາຫຼື CD-ROM.

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML <img> ຕາມ