लक्ष्य विशेषता
target विशेषता निर्दिष्ट करती है कि जब उपयोगकर्ता उस पर क्लिक करते हैं तो लिंक को कहां खोलना है।
यदि आप नीचे दिए गए लिंक पर क्लिक करते हैं, तो आपको उसी ब्राउज़र टैब/विंडो में TechStacker के फ्रंट पेज पर ले जाया जाएगा, जिसमें आप अभी हैं:
<a href="https://techstacker.com/">Link to front page</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"
>If you click this, the YouTube website opens in a new tab</a
>कब उपयोग करें?
इसका सरल उत्तर है:यदि आप उपयोगकर्ताओं को अपनी वेबसाइट से दूर नहीं ले जाना चाहते हैं, उदा. SEO उद्देश्यों के लिए, फिर target="_blank" . का उपयोग करें ।
अन्यथा, कुछ भी न करें, और आपके लिंक डिफ़ॉल्ट रूप से उसी ब्राउज़र विंडो में खुलेंगे (_self के माध्यम से) मूल्य)।
महत्वपूर्ण: जब आप target="_blank" . का उपयोग करते हैं आपको शायद noopener जोड़ना चाहिए सुरक्षा कारणों से इसके साथ विशेषता। कम से कम जब आप बाहरी वेबसाइटों से लिंक करते हैं। noopener विशेषता के बारे में अधिक जानकारी।