برچسب <map> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
نقشه تصویر سمت مشتری را تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: inline;

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|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>


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

از برچسب <map> برای تعریف یک تصویر-نقشهٔ سمت مشتری (سمت کلاینت) استفاده می‌شود. یک تصویر-نقشه، یک تصویر است با ناحیه‌های قابل کلیک.[۱]

ویژگی الزامی name (به فارسی: نام) از یک عنصر <map> با ویژگی usemap از یک <img> مرتبط است و یک رابطه بین تصویر و نقشه ایجاد می‌کند.

عنصر <map> حاوی تعدادی عنصر <area> است، که ناحیه‌های قابل کلیک در تصویر-نقشه را تعریف می‌کنند.

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<map> بله بله بله بله بله

ویژگی‌ها

ویژگی مقدار شرح
name mapname الزامی است. نام یک تصویر-نقشه را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <map> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <map> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شی Map (Map Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <map> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

map {
  display: inline;
}


منابع آموزشی