HTML में target एट्रिब्यूट का उपयोग
HTML में लिंक किए गए दस्तावेज़ को कहाँ खोलना है, यह निर्दिष्ट करने के लिए target एट्रिब्यूट का उपयोग किया जाता है। यह एट्रिब्यूट एंकर टैग (<a>) के साथ काम करता है और ब्राउज़र को बताता है कि लिंक पर क्लिक करने पर नया पेज किस विंडो या टैब में खुले।
target एट्रिब्यूट के मान
| मान | विवरण |
|---|---|
_blank |
लिंक किए गए पेज को एक नए टैब या विंडो में खोलता है। |
_self |
लिंक किए गए पेज को वर्तमान टैब या फ्रेम में ही खोलता है (यह डिफ़ॉल्ट व्यवहार है)। |
_parent |
लिंक किए गए पेज को पैरेंट फ्रेम में खोलता है। यदि कोई पैरेंट फ्रेम नहीं है, तो यह _self की तरह व्यवहार करता है। |
_top |
लिंक किए गए पेज को सबसे शीर्ष-स्तरीय फ्रेम में खोलता है (सभी फ्रेम्स को तोड़कर)। |
framename |
लिंक किए गए पेज को नामित फ्रेम में खोलता है। |
उदाहरण
निम्नलिखित कोड target="_blank" का उपयोग करके लिंक को नए टैब में खोलने का उदाहरण दिखाता है:
<!DOCTYPE html>
<html>
<head>
<title>HTML target एट्रिब्यूट उदाहरण</title>
</head>
<body>
<h2>संदर्भ</h2>
<p>निम्नलिखित <a href="https://www.example.com" target="_blank">वेबसाइट</a> देखें।<br>
उपरोक्त लिंक एक नए टैब में खुलेगा।</p>
</body>
</html>
सुरक्षा नोट
target="_blank" का उपयोग करते समय, सुरक्षा कारणों से rel="noopener noreferrer" जोड़ना एक अच्छी प्रथा है। यह नए पेज को window.opener प्रॉपर्टी के माध्यम से मूल पेज तक पहुँचने से रोकता है।
<a href="https://example.com" target="_blank" rel="noopener noreferrer">सुरक्षित लिंक</a>
