जब हम किसी यूजर को किसी थर्ड-पार्टी वेब पेज पर निर्देशित करना चाहते हैं, तो डिफ़ॉल्ट व्यवहार यह है कि लिंक उसी टैब में सीधे उस पेज पर चला जाता है। आप थर्ड-पार्टी एक्सटर्नल लिंक को नए टैब में खोलकर यूजर्स को अपने पेज पर रख सकते हैं ताकि आपके पेज पर वापस नेविगेट करना आसान हो। इस लेख में बताया गया है कि यह कैसे करना है।
सिंटैक्स
<a href="https://placekitten.com/1000/1000" target="_blank" rel="noopener noreferrer">किटन देखने के लिए क्लिक करें!</a>
यह विशेष सुविधा सीधी है। आपको एक टार्गेट विशेषता जोड़ने और इसे _blank पर सेट करने की आवश्यकता है। ब्राउज़र की सेटिंग्स के आधार पर, यह एक नए ब्राउज़र टैब या एक नई ब्राउज़र विंडो में खुलता है। noreferrer और noopener rel विशेषताएँ एक भाग यह छिपाने का है कि आप कहाँ से आए हैं और एक भाग दुर्भावनापूर्ण हमले की रोकथाम का है।
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">किटन देखने के लिए लिंक पर क्लिक करें!</a> </body> </html>
