<area> target एट्रिब्यूट
target एट्रिब्यूट <area> एलिमेंट में निर्दिष्ट करता है कि लिंक किया गया दस्तावेज़ कहाँ खुलेगा: नई विंडो, वही फ्रेम, पैरेंट फ्रेम, आदि। यह इमेज मैप्स में क्षेत्रों के लिए लिंक व्यवहार नियंत्रित करता है।
सिंटैक्स
<area target="_blank | _self | _parent | _top | framename">
मान
- _blank: नई विंडो या टैब में खोलें
- _self: वही फ्रेम में खोलें (डिफ़ॉल्ट)
- _parent: पैरेंट फ्रेम में खोलें
- _top: पूरी विंडो के बॉडी में खोलें
- framename: नामित फ्रेम में खोलें
उदाहरण: इमेज मैप के साथ target="_blank"
<!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 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>
आउटपुट
एक इमेज मैप जिसमें तीन क्षेत्र हैं (बहुभुज, आयत, वृत्त), सभी target="_blank" के साथ नई टैब में खुलते हैं।
कोड व्याख्या
<map name="tutorials"> <area shape="poly" ... target="_blank"/> <area shape="rect" ... target="_blank" /> <area shape="circle" ... target="_blank" /> </map>
सुरक्षा नोट
target="_blank" उपयोग करते समय, सुरक्षा के लिए rel="noopener noreferrer" जोड़ें ताकि नया पेज window.opener एक्सेस न कर सके।
