توضیح:
از این تگ برای ایجاد یک نقشه یا map بر روی یک تصویر استفاده می شود.
تصویری که بر رویش از تگ map استفاده شده، میتوان در نقاط مختلفش لینک های مختلف تعیین کنیم.
برای اینکه map و تصویر را بهم متصل کنیم باید یک ارتباطی بین آنها بوجود بیاوریم. برای اینکار برای تگ map خصوصیتی به نام name تعریف کرده و مقداری را برای آن در نظر میگیریم. سپس در تگ img از خصوصیت دیگری به نام usemap استفاده می کنیم که مقدارش همان name مربوط به map است. البته کاراکتر # را نیز درون خصوصیت usemap استفاده میکنیم.
مثال:
|
1 2 3 |
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379"> <map name="workmap"></map> |
برای تعریف نقاط قابل کلیک بر روی تصویر می بایست درون تگ map از تگ area استفاده کنید.
خصوصیات این تگ:
| نام خصوصیت |
|---|
| Name |
وضعیت پشتیبانی از مرورگرها:
| مرورگر Chrome | مرورگر Firefox | مرورگر Edge | مرورگر Safari | مرورگر Opera |
|---|---|---|---|---|
| همگی | همگی | همگی | همگی | همگی |
مثال:
|
1 2 3 4 5 6 7 8 |
<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> |
