صفحه اول >> دانستنی ها >>
آموزش تگ map در HTML - راهنمای کار با نقشه تصویری در html
برای ایجاد یک نقشه تصویری در صفحه از تگ map استفاده می شود و کاربر با کلیک بر روی نقاط مختلف این نقشه تصویری به صفحه مورد نظر هدایت می شود.
برای ایجاد یک نقشه تصویری در صفحه از تگ map استفاده می شود و کاربر با کلیک بر روی نقاط مختلف این نقشه تصویری به صفحه مورد نظر هدایت می شود.
تگ map حاوی عنصر area می باشد و ارتباط بین تصویر و نقشه از طریق name تگ map و usemap عنصر img برقرار می شود.
مثال تگ map در HTML
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
پشتیبانی مرورگرها
تگ map در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
| مرورگر | کروم | فایرفاکس | اپرا | سافاری | اینترنت اکسپلورر / اج |
| پشتیبانی | بله | بله | بله | بله | بله |
ویژگی ها
| ویژگی | مقدار | توضیحات |
| name | mapname | نام نقشه تصویری را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <map> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ <map> را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
map {
display: inline;
}
display: inline;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.