HTML <link> Tag


HTML <link> Tag क्या है?

HTML में <link> टैग का उपयोग HTML Document को किसी External Resource (बाहरी संसाधन) से जोड़ने के लिए किया जाता है।

👉 सबसे ज्यादा इसका प्रयोग External CSS File को वेबपेज से जोड़ने के लिए किया जाता है।

<link> टैग हमेशा <head> सेक्शन के अंदर लिखा जाता है और यह भी एक Empty Tag है यानी इसका कोई क्लोज़िंग टैग नहीं होता।


HTML <link> Tag की विशेषताएँ

  • <link> टैग एक Empty Tag है।

  • यह HTML Document को External Files (जैसे CSS, Favicon आदि) से जोड़ता है।

  • इसे हमेशा <head> सेक्शन में लिखा जाता है।

  • इसके लिए मुख्य Attribute rel और href होते हैं।


HTML <link> Tag का Syntax

<link rel="stylesheet" type="text/css" href="style.css">

HTML <link> Tag के Attributes

Attributeउपयोग
relResource और Document के बीच Relation बताता है (जैसे "stylesheet")
hrefExternal File का Path बताता है (जैसे "style.css")
typeResource का MIME Type बताता है (जैसे "text/css")
mediaबताता है कि यह Resource किस Media (screen, print, all) पर लागू होगा
sizesfavicon के लिए Image Size define करता है

HTML <link> Tag का Example Program

<!DOCTYPE html>
<html>
<head>
    <title>HTML link Tag Example</title>
    <!-- External CSS जोड़ना -->
    <link rel="stylesheet" type="text/css" href="style.css">
    
    <!-- Favicon जोड़ना -->
    <link rel="icon" type="image/png" href="favicon.png">
</head>
<body>
    <h2>HTML link Tag का उदाहरण</h2>
    <p>यह वेबपेज External CSS और Favicon से जुड़ा हुआ है।</p>
</body>
</html>


आउटपुट (मान लीजिए style.css में यह लिखा है):

body {
    background-color: lightblue;
    font-family: Arial;
}
h2 {
    color: red;
}

👉 वेबपेज पर Background हल्का नीला होगा और हेडिंग लाल रंग में दिखेगी।


<link> Tag का उपयोग कहाँ होता है?

  1. External CSS जोड़ने के लिए

  2. Favicon (Tab Icon) लगाने के लिए

  3. Preload या Prefetch Resource करने के लिए

  4. Print Media CSS जोड़ने के लिए

  5. Alternate Language Page Link जोड़ने के लिए