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 پشتیبانی می کنند.