مثال (تگ map در HTML)

یک  image-map، با نواحی قابل کلیک:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

خودتان امتحان کنید »

تعریف و کاربرد تگ map در HTML

تگ <map> برای تعریف یک image-map (تصویر-نقشه) سمت سرویس گیرنده استفاده می شود. یک image-map تصویری است که نواحی مختلف آن قابل کلیک کردن است.

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

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

پشتیبانی مرورگرها از تگ map در HTML

عنصر          
<map> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5

نکته: در HTML5، اگر خصوصیت id برای تگ <map> مشخص کردید، باید مقدار آن با مقدار خصوصیت name برابر باشد.

تفاوت بین HTML و XHTML

در XHTML، خصوصیت name قدیمی شده است و حذف خواهد شد. به جای آن می توان از خصوصیت id استفاده کرد.

خصوصیت ها

خصوصیت مقدار توضیحات
name mapname الزامی است. یک نام برای image-map مشخص می کند.

ویژگی های عمومی تگ map در HTML

تگ <map> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ map در HTML

تگ <map> از رویدادهای عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ map در JavaScript