HTML में वर्तमान डॉक्यूमेंट और लिंक्ड डॉक्यूमेंट का संबंध कैसे सेट करें?

rel एट्रिब्यूट का उपयोग वर्तमान डॉक्यूमेंट और लिंक्ड डॉक्यूमेंट के बीच संबंध निर्दिष्ट करने के लिए किया जाता है। यह <a>, <area>, <link> एलिमेंट्स पर काम करता है।

सामान्य मान:

• stylesheet - CSS स्टाइलशीट (सबसे आम)
• nofollow - सर्च इंजन को लिंक फॉलो न करने का निर्देश
• noopener - नए टैब में खुलने पर विंडो.ओपनर एक्सेस रोकता है (सुरक्षा)
• noreferrer - रेफरर हेडर नहीं भेजता
• canonical - कैननिकल URL
• preload, prefetch - रिसोर्स हिंट्स
• icon - फेविकॉन
• alternate - वैकल्पिक संस्करण (RSS, अनुवाद)

उदाहरण

निम्न कोड से rel एट्रिब्यूट लागू करें (CSS फाइल सेट करता है):

<!DOCTYPE html> <html> 
  <head> 
    <link rel="stylesheet" href="style.css"> 
  </head> 
  <body> 
    <h1>हेडिंग</h1> 
    <p>यह डेमो कंटेंट है।</p> 
  </body> 
</html>