تگ map در HTML
مثال (تگ 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 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
- نوشته شده توسط سمیه فخری
- بازدید: 14145
