जब हम किसी उपयोगकर्ता को किसी तृतीय-पक्ष वेब पेज पर निर्देशित करना चाहते हैं, तो डिफ़ॉल्ट व्यवहार लिंक के लिए उसी टैब में सीधे उस पृष्ठ पर जाने के लिए होता है। आप तृतीय-पक्ष बाहरी लिंक को एक नए टैब में खोलकर उपयोगकर्ताओं को अपने पृष्ठ पर रख सकते हैं ताकि आपके पृष्ठ पर वापस नेविगेट करना आसान हो। यह लेख बताता है कि यह कैसे करना है।
सिंटैक्स
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click to See a Kitten!</a>
यह विशेष सुविधा सीधी है। आपको एक लक्ष्य विशेषता जोड़ने और इसे _blank पर सेट करने की आवश्यकता है। ब्राउज़र की सेटिंग के आधार पर, यह एक नए ब्राउज़र टैब या एक नई ब्राउज़र विंडो में खुलता है। नोरफेरर और नोओपेनर रिले विशेषताएँ एक हिस्सा मास्किंग हैं जहाँ से आप आए हैं और एक हिस्सा दुर्भावनापूर्ण हमले की रोकथाम है।
Noreferrer SEO (सर्च इंजन ऑप्टिमाइजेशन) को यह नोट करने से रोकता है कि कोई विशेष उपयोगकर्ता कहां से आया है। यह इसके बजाय एक सीधा लिंक के रूप में दिखाई देता है। Noopener एक दुर्भावनापूर्ण html दस्तावेज़ को आपके दस्तावेज़ तक पहुँचने से रोकता है ताकि वह खराब काम कर सके।
ये रहा पूरा कोडबेस:
<html> <head> <link href="./style.css" type="text/css" rel="stylesheet" /> </head> <body> <a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">Click on the link to See a Kitten!</a> </body> </html>