HTML Link target attributes | लिंक target टैग | Hindi

पिछले tutorial में हम HTML text link के बारे में सिख चुके हैं की कैसे text पर hyperlink देकर किसी अन्य पेज पर redirect(jump to other page) कराया जा सकता हैं । अब इस tutorial में हम HTML link target attributes के बारे में सीखेंगे।

Link target attributes | HTML in Hindi

HTML लिंक target attribute का उपयोग लोकेशन (location) को बताना हैं की जिस लिंक पर आप क्लिक कर रहे हैं वह किस लोकेशन (location) पर ओपन (open) हो सके ।

साधारण Hindi भाषा में समझे तो जब हम यह चाहते हैं की जब कोई यूजर किसी लिंक पर क्लिक करे तो वह या तो उसी tab (browser tab) में ओपन हो जाये या नए tab में ओपन (open) हो जाए आदि तो तब वहां हम HTML link attributes का उपयोग करते हैं इनका मकशद लिंक को किस तरह किस लोकेशन (location) पर ओपन करना होता हैं ।

निचे कुछ HTML link attributes दिए हैं जिनको समझके आप आसानी से लिंक की लोकेशन सेट कर सकते हैं ।

_blank – - इस attribute का उपयोग करने पर लिंक पर क्लिक करने पर पेज एक new tab में ओपन होता हैं । blank attribute को तब उपयोग करते हैं जब आपको समान (same page ) को बंद किये बिना उसी पेज से लिंक को ब्राउज़र के new tab में ओपन करना होता हैं । blank लिंक attribute का उपयोग बहुत ज्यादा किया जाता है ।
_self- इस attribute को यदि आप उपयोग करते हैं या नही करते हैं तब भी आपका पेज उसी frame (tab) में ओपन होता हैं ।
_parent – -इस attribute के द्वारा लिंक parent frame में ओपन होती हैं ।
_top- इस attribute के द्वारा link full window में ओपन होती हैं ।

चलिए इन सभी HTML लिंक target attribute का उपयोग करके एक उदाहरण बनाते हैं ।

Target attributes

<!DOCTYPE& htmlgt;
<html>
<head>
<title>HTML target attributes  </title>
</head>
<body>
Click on links to get output  
<a href="../html-in-hindi/tutorials.html" target="_blank"> Opens in New</a>  
<a href="../html-in-hindi/tutorials.html" target="_self">Opens in Self</a> 
<a href="../html-in-hindi/tutorials.html" target="_parent">Opens in Parent</a>
<a href="../html-in-hindi/tutorials.html" target="_top">Opens in Body</a> 
</body>
</html>

Run

उपर दिए गए उदाहरण में आप सभी लिंक पर क्लिक करने पर HTML target लिंक attribute समझ आजायेंगे ।

इस तरह से हाइपरलिंक (hyperlink) के लोकेशन (location) को HTMLhyperlink target के द्वारा सेट किया जा सकता हैं ।

Please Share