ویژگی usemap تگ <img> در HTML

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک تصویر-نقشه، با ناحیه‌های قابل کلیک:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>


تعریف و کاربرد

ویژگی usemap یک تصویر را بعنوان تصویر-نقشهٔ (یک تصویر-نقشه، یک تصویر با ناحیه‌های قابل کلیک است) سمت مشتری مشخص می‌کند.[۱]

ویژگی usemap با ویژگی name از عنصر <map> مرتبط است، و یک رابطه بین <img> و <map> ایجاد می‌کند.

توجه: در صورتی که عنصر <img> فرزند عنصر <a> یا <button> باشد، از ویژگی usemap نمی‌توان استفاده کرد.

پشتیبانی مرورگر

صفت Chrome Internet Explorer / Edge Firefox Safari Opera
usemap بله بله بله بله بله

سینتکس

<img usemap="#mapname">


مقادیر صفت

مقدار توضیحات
#mapname یک کاراکتر هش («#») بعلاوهٔ نام عنصر <map> برای استفاده

منابع آموزشی