تگ map در HTML
مثال (تگ map در HTML)
یک image-map، با نواحی قابل کلیک:
<imgsrc="planets.gif"width="145"height="126"alt="Planets"usemap="#planetmap">
<mapname="planetmap">
<areashape="rect"coords="0,0,82,126"href="sun.htm"alt="Sun">
<areashape="circle"coords="90,58,3"href="mercur.htm"alt="Mercury">
<areashape="circle"coords="124,58,8"href="venus.htm"alt="Venus">
</map>
<mapname="planetmap">
<areashape="rect"coords="0,0,82,126"href="sun.htm"alt="Sun">
<areashape="circle"coords="90,58,3"href="mercur.htm"alt="Mercury">
<areashape="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
- نوشته شده توسط سمیه فخری
- بازدید: 13342
