HTML को किसी अन्य विंडो या टैब में हाइपरलिंक कैसे खोलें?


93

यह HTML में हाइपरलिंक के लिए एक पंक्ति है:

<a href="http://www.starfall.com/">Starfall</a>

इस प्रकार, यदि मैं अपने ब्राउज़र पर "स्टारफॉल" पर क्लिक करता हूं - मैं फायरफॉक्स का उपयोग कर रहा हूं - मुझे उस नए पृष्ठ पर ले जाएगा और मेरी विंडो की सामग्री बदल जाएगी। मुझे आश्चर्य है, मैं इसे HTML में कैसे कर सकता हूं ताकि नया पृष्ठ पिछले एक को बदलने के बजाय एक नई विंडो में खोला जाए? क्या HTML में ऐसा कोई तरीका है?

और यदि हाँ, तो क्या मेरे ब्राउज़र के किसी अन्य टैब (दूसरी विंडो नहीं) में अनुरोधित पृष्ठ खोलने का कोई तरीका है?

जवाबों:


136
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

चाहे वह टैब या किसी अन्य विंडो में खुलता हो, हालांकि यह निर्भर करता है कि किसी उपयोगकर्ता ने उसका ब्राउज़र कैसे कॉन्फ़िगर किया है।


6
सभी ब्राउज़र टैब का समर्थन नहीं करते हैं और जो करते हैं, वे एक नए टैब बनाम नई विंडो में खुलने वाले पृष्ठ उपयोगकर्ता-कॉन्फ़िगर करने योग्य सेटिंग हैं। टैब बनाम विंडो में खोलने के लिए लिंक को निर्दिष्ट करने का कोई वर्तमान तरीका नहीं है।
बटा

2
याद रखें कि लक्ष्य विशेषता को आवर्धन विशेषता के रूप में घोषित किया जाना है
MC

108

सबसे आसान तरीका एक लक्ष्य टैग जोड़ना है।

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

प्रत्येक लिंक के लिए लक्ष्य विशेषता के लिए एक अलग मान का उपयोग करें यदि आप उन्हें अलग टैब में खोलना चाहते हैं, तो लक्ष्य विशेषता के लिए समान मान यदि आप चाहते हैं कि वे दूसरे को प्रतिस्थापित करें।


46
+1 यह बताने के लिए कि लक्ष्य '_blank' होना नहीं है।
GSto

4
यह ध्यान देने योग्य है कि यह एक मान्य HTML5 है।
एयरोक्रॉस

'नाम ’से आपका क्या तात्पर्य है?
वेज

8

उपयोग target="_blank"

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


7

आपको जोड़ने में सक्षम होना चाहिए

target="_blank"

पसंद

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

7

targetविशेषता यह कर के अपने सबसे अच्छा तरीका है।

<a href="http://www.starfall.com" target="_blank">

इसे एक नए टैब या विंडो में खोलेंगे। जिसके लिए, यह उपयोगकर्ताओं की सेटिंग्स पर निर्भर करता है।

<a href="http://www.starfall.com" target="_self">

डिफ़ॉल्ट है। यह पृष्ठ को एक ही टैब में खोलता है (या iframe, यदि वह आपके साथ काम कर रहा है)।
यदि आप एक iframe के साथ काम कर रहे हैं तो अगले दो ही अच्छे हैं।

<a href="http://www.starfall.com" target="_parent">

iframe में लिंक खोलेगा कि iframe में लिंक था।

<a href="http://www.starfall.com" target="_top">

टैब में लिंक खोलेगा, चाहे कितने भी आइफ्रेम से गुजरना पड़े।


मैं उस रंगीन पाठ का उपयोग कैसे करता हूं सभी के उदाहरणों में?
नरकोल

5

लक्ष्य = _blank ब्राउज़र सेटिंग के आधार पर नए टैब या विंडो में खुलेगा।

एक नई विंडो का उपयोग करने के लिए जावास्क्रिप्ट पर क्लिक करें सभी तीन भागों की जरूरत है। url, एक नाम और खिड़की की चौड़ाई और ऊंचाई का आकार या यह सिर्फ एक नए टैब में खुलेगा।

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

आप इसे अपने पृष्ठ के शीर्ष लेख में निम्नलिखित जोड़कर भी पूरा कर सकते हैं:

<base target="_blank">

यह आपके पृष्ठ पर सभी लिंक एक नए टैब में खुलेगा


4

चूंकि वेब जल्दी से विकसित हो रहा है, कुछ चीजें समय के साथ बदल जाती हैं। सुरक्षा समस्याओं के लिए, आप rel="noopener"अपने साथ संयोजन के रूप में विशेषता का उपयोग करना चाह सकते हैं target="_blank"

जैसे Google देव प्रलेखन में कहा गया है , दूसरा पृष्ठ आपके विंडो ऑब्जेक्ट को एक्सेस कर सकता है window.opener property। आपका बाहरी लिंक अब इस तरह दिखना चाहिए:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>इन दिनों दोनों के लिए सबसे अच्छा अभ्यास प्रतीत होता है
संदर्भ

1

साथ उदाहरण नीचे target="_blank"सफारी और मोज़िला के लिए काम करता है

<a href="http://www.starfall.com" `target="_blank"`>

target="new"क्रोम के लिए काम करना

<a href="http://www.starfall.com" `target="new"`>

2
दूसरों के दर्जन भर के बीच क्या जवाब देता है?
फ़ारसाइड
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.