HTML <link> href एट्रिब्यूट

<link> एलिमेंट का href एट्रिब्यूट

<link> एलिमेंट का href एट्रिब्यूट बाहरी संसाधन (external resource) का URL निर्दिष्ट करता है। आमतौर पर इसका उपयोग CSS स्टाइलशीट, फेविकॉन, प्रीलोड, आदि लिंक करने के लिए किया जाता है।

वाक्यविन्यास (Syntax)

<link href="url">

ऊपर, url लिंक किए गए दस्तावेज़ का URL है।

उदाहरण

नीचे एक बाहरी CSS फ़ाइल "new.css" को <link> का उपयोग करके जोड़ा गया है:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="new.css">
</head>
<body>
  <h1>Demo Heading</h1>
  <p>This is demo text.</p>
</body>
</html>

बाहरी दस्तावेज़ "new.css" एक CSS स्टाइल फ़ाइल है:

h1 { color: blue; }
p { background-color: red; }

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा। हमने ऊपर "new.css" में हेडिंग और टेक्स्ट को स्टाइल किया है:

HTML <link> href एट्रिब्यूट

कोड विश्लेषण

हमारे पास ऊपर एक बाहरी दस्तावेज़ "new.css" है, जिसे href का उपयोग करके लिंक किया गया है। यह दस्तावेज़ एक CSS स्टाइल फ़ाइल है।

महत्वपूर्ण बिंदु

<link> एक वॉयड एलिमेंट है (कोई अंत टैग नहीं)।
यह हमेशा <head> के अंदर जाता है।
rel एट्रिब्यूट संबंध बताता है (stylesheet, icon, preload, preconnect, आदि)।
रिलेटिव URL बेस URL (या <base> टैग) के सापेक्ष हल होते हैं।