<क्षेत्र> तत्व की लक्ष्य विशेषता आपको यह निर्धारित करने की अनुमति देती है कि लिंक किया गया दस्तावेज़ कहां खुलेगा, उदाहरण के लिए, नई विंडो, समान फ़्रेम, पैरेंट फ़्रेम, आदि।
निम्नलिखित वाक्य रचना है -
<area target="_blank|_self|_parent|_top| frame">
यहां, _रिक्त लिंक किए गए दस्तावेज़ को नई विंडो या टैब में खोलने के लिए उपयोग किया जाता है, _स्वयं लिंक किए गए दस्तावेज़ को उसी फ़्रेम में खोलता है जिस पर क्लिक किया गया था, _parent दस्तावेज़ को पैरेंट फ़्रेम में खोलता है, _top लिंक किए गए दस्तावेज़ को विंडो के पूरे भाग में खोलता है, फ़्रेम लिंक किए गए दस्तावेज़ को नामित फ़्रेम में खोलता है।
आइए अब <क्षेत्र> तत्वों की लक्ष्य विशेषता को लागू करने के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease....</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 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>
आउटपुट
उपरोक्त उदाहरण में, हमने निम्न छवि पर मानचित्र सेट किया है-
<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>
ऊपर, हमने लिंक किए गए दस्तावेज़ को एक नई विंडो यानी _blank में खोलने के लिए निम्नलिखित सेट किया है, जिसका उपयोग लिंक किए गए दस्तावेज़ को नई विंडो या टैब में खोलने के लिए किया जाता है
target = "_blank"