%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده (تمدید شد)

تگ 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 استفاده کرد.


خصوصیت ها

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

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

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


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

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


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

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

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان