Target एट्रिब्यूट
target एट्रिब्यूट निर्दिष्ट करता है कि उपयोगकर्ताओं द्वारा क्लिक करने पर लिंक कहां खुलना चाहिए।
यदि आप नीचे दिए गए लिंक पर क्लिक करते हैं, तो आप TechStacker के फ्रंट पेज पर उसी ब्राउज़र टैब/विंडो में पहुंच जाएंगे जिसमें आप अभी हैं:
<a href="https://techstacker.com/">फ्रंट पेज पर लिंक</a>इसलिए यदि आप किसी अन्य वेबसाइट से लिंक करते हैं, तो उपयोगकर्ता आपकी वेबसाइट से दूर चला जाएगा, और आपके द्वारा लिंक की गई वेबसाइट पर चला जाएगा। आप यह चाहें या न चाहें।
ऐसा इसलिए होता है क्योंकि डिफ़ॉल्ट रूप से <a> एलिमेंट्स में target एट्रिब्यूट होता है जिसका मान _self होता है — जिसका अर्थ है कि यह लिंक को उसी विंडो में खोलता है जिसमें उपयोगकर्ता है।
तो यह लिंक एलिमेंट:
<a href="https://techstacker.com/"></a>कंप्यूटर/ब्राउज़र द्वारा इस तरह पढ़ा जाता है:
<a href="https://techstacker.com/" target="_self"></a>जो भ्रमित करने वाला हो सकता है, क्योंकि आप इसे देख नहीं सकते (लेकिन अब आप जानते हैं)।
यदि आप चाहते हैं कि आपके लिंक नए ब्राउज़र टैब में खुलें, तो आप डिफ़ॉल्ट _self मान को _blank मान से ओवरराइड कर सकते हैं:
<a href="https://youtube.com" target="_blank" rel="noopener" >यदि आप इस पर क्लिक करते हैं, तो YouTube वेबसाइट एक नए टैब में खुलती है</a >कौन सा कब उपयोग करें?
सरल उत्तर है: यदि आप उपयोगकर्ताओं को अपनी वेबसाइट से दूर नहीं ले जाना चाहते हैं, उदाहरण के लिए SEO उद्देश्यों के लिए, तो target="_blank" उपयोग करें।
अन्यथा, कुछ न करें, और आपके लिंक डिफ़ॉल्ट रूप से उसी ब्राउज़र विंडो में खुलेंगे (_self मान के माध्यम से)।
महत्वपूर्ण: जब आप target="_blank" का उपयोग करते हैं तो आपको शायद सुरक्षा कारणों से इसके साथ noopener एट्रिब्यूट भी जोड़ना चाहिए। कम से कम जब आप बाहरी वेबसाइटों से लिंक करते हैं। Noopener एट्रिब्यूट के बारे में और जानें।
