HTML में area टैग इमेज मैप में एक क्षेत्र सेट करने के लिए उपयोग किया जाता है।
निम्नलिखित एट्रिब्यूट्स हैं −
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| alt | text | क्षेत्र के लिए वैकल्पिक टेक्स्ट निर्दिष्ट करता है। |
| coords | if shape = "rect" then coords = "left, top, right, bottom" if shape = "circ" then coords = "centerx, centery, radius" if shape = "poly" then coords = "x1, y1, x2, y2,..,xn, yn" | इमेज मैप के लिए इमेज के एक क्षेत्र को परिभाषित करने के लिए 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 कहाँ खोलें। _blank − टारगेट URL नई विंडो में खुलेगा _self − टारगेट URL उसी फ्रेम में खुलेगा जहां क्लिक किया गया था _parent − टारगेट URL पैरेंट फ्रेमसेट में खुलेगा _top − टारगेट URL विंडो के पूरे बॉडी में खुलेगा |
| type | mime_type | टारगेट URL का MIME (मल्टीपर्पस इंटरनेट मेल एक्सटेंशन) प्रकार निर्दिष्ट करता है। |
आइए अब <area> टैग को लागू करने का एक उदाहरण देखें −
उदाहरण
<!DOCTYPE html> <html> <body> <h2>सीखना</h2> <p>इन तकनीकों को आसानी से सीखें....</p> <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 ट्यूटोरियल" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML ट्यूटोरियल" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP ट्यूटोरियल" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
आउटपुट
