تگ 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>

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

تعریف و کاربرد تگ 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

آموزش html فیلم آموزش html

: نوشته شده توسط سمیه فخری; بازدید: 12024

دوره های آموزشی راه اندازی کسب و کارهای اینترنتی

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی