HTML में इमेज मैप में क्षेत्र परिभाषित करने के लिए <area> टैग का उपयोग करें।
HTML <area> टैग निम्न अतिरिक्त एट्रिब्यूट्स का समर्थन करता है:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| alt | Text | क्षेत्र के लिए वैकल्पिक टेक्स्ट निर्दिष्ट करता है |
| coords | shape के अनुसार निर्देशांक | shape एट्रिब्यूट के अनुसार क्षेत्र के निर्देशांक |
| download | filename | क्लिक पर टारगेट डाउनलोड होगा |
| href | URL | लिंक का URL |
| hreflang | language_code | टारगेट URL की भाषा |
| media | media query | टारगेट URL के लिए अनुकूलित मीडिया/डिवाइस |
| nohref | true/false | क्षेत्र को इमेज मैप से बाहर करता है |
| rel | alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag | वर्तमान दस्तावेज़ और टारगेट URL के बीच संबंध |
| shape | rect, rectangle, circ, circle, poly, polygon | इमेज मैप का आकार |
| target | _blank, _parent, _self, _top | टारगेट URL कहां खोलें |
| type | mime_type | टारगेट URL का MIME प्रकार |
उदाहरण
<area> टैग लागू करने का कोड:
<!DOCTYPE html>
<html>
<head>
<title>HTML area Tag</title>
</head>
<body>
<img src="/images/usemap.gif" alt="usemap" border="0" usemap="#tutorials"/>
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" href="/perl/index.htm" alt="Perl Tutorial" target="_blank" />
<area shape="rect" coords="22,83,126,125" alt="HTML Tutorial" href="/html/index.htm" target="_blank" />
<area shape="circle" coords="73,168,32" alt="PHP Tutorial" href="/php/index.htm" target="_blank" />
</map>
</body>
</html>
<map> टैग इमेज मैप को परिभाषित करता है और <img> का usemap एट्रिब्यूट इससे जुड़ता है।
