लंगर टैग लक्ष्य विशेषता में _self, _top और _parent के बीच अंतर


80

मुझे पता _blankहै कि एंकर टैग के साथ उपयोग किए जाने पर एक नया टैब खुलता है और इसके अलावा, स्व-परिभाषित लक्ष्य हैं जो मैं फ्रेमसेट का उपयोग करते समय उपयोग करता हूं, लेकिन मैं इसके बीच का अंतर जानना चाहूंगा _parent, _selfऔर _top

जवाबों:


117

हालांकि ये उत्तर अच्छे हैं, IMHO मुझे नहीं लगता कि वे पूरी तरह से प्रश्न को संबोधित करते हैं।

एंकर टैग में लक्ष्य विशेषता ब्राउज़र को एंकर के गंतव्य का लक्ष्य बताती है। उन्हें शुरू में दस्तावेज़ के फ्रेम सिस्टम में हेरफेर करने और निर्देशित करने के लिए बनाया गया था। सीएसएस HTML डेवलपर्स की सहायता में आने से पहले यह अच्छी तरह से था।

जबकि target="_self"ब्राउज़र द्वारा डिफ़ॉल्ट है और सबसे आम लक्ष्य है target="_blank"जो एक नई विंडो में एंकर को खोलता है (जिसे आमतौर पर ब्राउज़र सेटिंग्स द्वारा टैब पर रीडायरेक्ट किया गया है)। "_parent", "_top"और framenameटैग उन है कि आइफ्रेम प्रवृत्ति के रूप में निर्माण साइट के दिनों से परिचित नहीं हैं के लिए एक रहस्य छोड़ दिया जाता है।

target="_self"यह एक ही फ्रेम में एक लंगर खोलता है। भ्रामक यह है कि क्योंकि हम आम तौर पर अब फ्रेम में नहीं लिखते हैं ( frameऔर framesetटैग HTML5 में अप्रचलित हैं) लोग इसे एक ही विंडो फ़ंक्शन मानते हैं। इसके बजाय अगर इस एंकर को फ्रेम में नेस्ट किया गया था, तो यह सैंडबॉक्स मोड में खुल जाएगा, जिसका अर्थ केवल उस फ्रेम में है।

target="_parent" एक फ्रेम के अगले स्तर में खुल जाएगा अगर वे एक दूसरे के अंदर नेस्टेड थे

target="_top" यह उन सभी फ़्रेमों के बाहर टूट जाता है, जो इसमें निहित है और ब्राउज़र विंडो में शीर्ष दस्तावेज़ के रूप में लिंक को खोलता है।

target="framenameयह मूल रूप से पदावनत किया गया था लेकिन HTML5 में वापस लाया गया। यह प्रश्न में सटीक फ्रेम को लक्षित करेगा। जबकि वह nameउचित विधि थी जिसे idपहचानने वाले टैग का उपयोग करके विधि को बदल दिया गया था ।

<!--Example:-->

<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>

<a href="url4" target="B"></a>
</body>
</html>

16

HTML 4.01 कल्पना में धारा 6.16 फ्रेम लक्ष्य नाम का अर्थ परिभाषित करता है, लेकिन यह आंशिक रूप से पुराना है। यह "विंडोज़" को संदर्भित करता है, जबकि एचटीएमएल 5 ड्राफ्ट अधिक "वास्तविक संदर्भों" के बारे में बात करता है, क्योंकि आधुनिक ब्राउज़र अक्सर इस संदर्भ में खिड़कियों के बजाय टैब का उपयोग करते हैं।

संक्षेप में, _selfडिफ़ॉल्ट (वर्तमान ब्राउज़िंग संदर्भ, यानी वर्तमान विंडो या टैब) है, इसलिए यह केवल एक <base target=...>सेटिंग को ओवरराइड करने के लिए उपयोगी है । मान _parentउस फ़्रेमसेट को संदर्भित करता है जो वर्तमान फ़्रेम का जनक है, जबकि _top"सभी फ़्रेमों से बाहर निकलता है" और पूरे ब्राउज़र विंडो में लिंक किए गए दस्तावेज़ को खोलता है।


2
यहां HTML5 ड्राफ्ट के लिए लिंक है target: w3.org/TR/html-markup/a.html#a.attrs.target
ओलिवर

16

target="_blank"

एक नई विंडो खोलता है और संबंधित डेटा दिखाता है।

target="_self"

विंडो को एक ही फ्रेम में खोलता है, इसका मतलब है मौजूदा विंडो ही।

target="_top"

लिंक किए गए दस्तावेज़ को विंडो के पूर्ण निकाय में खोलता है।

target="_parent"

मूल विंडो के आकार में डेटा खोलता है।


Full पूर्ण शरीर ’का क्या अर्थ है?
रॉबर्ट

@robsch जेम्स जॉनसन का जवाब देखें
जोसेफ रेक्स

तो क्या target="_main"विशेषता वार्ता के बारे में है?
अनुपम हल्दकर

3

यहां विभिन्न लक्ष्य मानों के साथ एक छवि है।

विभिन्न लक्ष्य मान ।१


कृपया अपना "उत्तर" बताएं। यह छवि अपने आप स्पष्ट नहीं है।
शेरिलहोमैन

हाय @ शेरिलहोमन, मैं आपकी प्रतिक्रिया की सराहना करता हूं। क्या यह छवि का रंग स्पष्ट या स्पष्टीकरण नहीं है?
बिनया

1
यदि मैं गलत हूं तो मुझे सही करों। यह मेरी समझ है जब मैं छवि को देखता हूं: 1. _परेंट - फ़्रेम 1 में एक लिंक फ़्रेम 2 में खुलने पर क्लिक करता है। 2. _ स्वयं - फ़्रेम 1 में एक लिंक फ़्रेम 1 में खुलने पर खुलता है। 3. _ब्लांक - कोई भी लिंक एक नए टैब में खुलेगा जब उस फ्रेम की परवाह किए बिना क्लिक किया जाता है, भले ही वह नेस्टेड आइफ्रेम में हो। 4. _top - एक लिंक चालू टैब में खुलेगा जब चाहे उस फ्रेम में क्लिक किया जाए, भले ही वह एक नेस्टेड आईफ्रेम में हो।
mots

1

यहाँ विभिन्न के साथ एंकर टैग का एक व्यावहारिक उदाहरण है

लक्षित गुण


3
कृपया अपने लिंक किए गए लेख के प्रासंगिक भागों को पोस्ट करें।
टॉम

लिंक-केवल प्रतिक्रियाओं को SO पर उत्तर नहीं माना जाता है। जैसा कि यह एक उपयोगी टिप्पणी का एक शानदार उदाहरण है। माना जा रहा है कि उत्तर देने के लिए, आपको लिंक से संबंधित जानकारी को सीधे अपनी पोस्ट में एम्बेड करना होगा। अधिक जानकारी के लिए SO सहायता पृष्ठ देखें।
शेरलहोमन

लिंक अब उपलब्ध नहीं है!
रेवियन रॉबर्ट-निक सिप

1
@ RevnicRobert-Nick ने लिंक को पुनर्स्थापित किया है
सैयद मकसूद
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.