HTML <map> Tag
تگ <map> در HTML همراه با عنصر <area> برای ایجاد image map استفاده می شود. image map تصویریست که نقاط مختلف آن بصورت مجزا قابل کلیک است.
مثال:
<body>
<p>بر روی هر یک از گربه سانان روبرو کلیک کنید:</p>
<img
src="http://my-project.ir/img/feliformia.jpg" usemap="#animals" alt="تصویر حیوانات" />
<map name="animals">
<area
shape="rect"
coords="76,49,196,102" target="_blank"
href="https://bit.ly/2EA9sbq" alt="تصویر گربه وحشی" title="گربه وحشی"/>
<area
shape="poly"
coords="51,173 ,81,121,218,135,226,256" target="_blank"
href="https://bit.ly/39GJKNL" alt="تصویر ببر" title="ببر"/>
<area
shape="poly"
coords="26,238,44,196,222,282,223,362,69,348" target="_blank"
href="https://bit.ly/3hOJUWj" alt="تصویر شیر" title="شیر"/>
</map>
</body>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
عنصر <map> حاوی یک یا چند عنصر <area> می باشد که مناطق قابل کلیک در تصویر را مشخص می کنند.
صفت (Attributes)
name
نام عنصر <map> را مشخص می کند. مقدار این صفت باید با مقدار صفت usemap در عنصر <img> برابر باشد تا به یکدیگر متصل شوند.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کنند.
