टैग लिंक
टैग link HTML पेज पर CSS फाइलें जोड़ता है।
इसके अलावा, link कुछ अन्य फाइलों को भी जोड़ता है,
उदाहरण के लिए, फेविकॉन।
(फेविकॉन साइट का एक छोटा आइकन है, जो
ब्राउज़र टैब में दिखाई देता है। इसे कुछ सर्च इंजन में
साइटों के सामने खोज करते समय भी देखा जा सकता है,
उदाहरण के लिए यैंडेक्स में)।
इस टैग में बहुत सारे विशेषताएँ (ऐट्रिब्यूट्स) हैं और वे विविध मान ले सकते हैं, हालांकि वास्तविक जीवन में वे लगभग सभी प्रयोग नहीं होते हैं। सबसे लोकप्रिय - CSS को जोड़ना है और फेविकॉन जोड़ना।
CSS को कैसे जोड़ें:
html<link rel="stylesheet" href="style.css">
फेविकॉन को कैसे जोड़ें:
html<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
टैग link को क्लोजिंग टैग की आवश्यकता नहीं होती है।
विशेषताएँ (ऐट्रिब्यूट्स)
| विशेषता | विवरण |
|---|---|
href |
जोड़ी जाने वाली फाइल का पथ। |
media |
उस डिवाइस का प्रकार, जिसके लिए फाइल जोड़ी जानी चाहिए। इसका क्या मतलब है - आप CSS फाइल केवल बड़ी स्क्रीन (मान screen)
या केवल छोटी स्क्रीन के लिए जोड़ सकते हैं: मोबाइल फोन या टैबलेट के लिए (मान handheld)।
संभावित मान: all, braille, handheld, print, screen, speech, projection, tty, tv।
नीचे और देखें।
|
rel |
जोड़ी जाने वाली फाइल का प्रकार।
संभावित मान: stylesheet | alternate।
मान stylesheet इंगित करता है कि CSS फाइल जोड़ी जा रही है,
मान alternate उपयोग किया जाता है, उदाहरण के लिए, XML प्रारूप में फाइल के लिंक को
न्यूज़ फीड, लेखों की सूचना का वर्णन करने के लिए।
|
charset |
जोड़ी जाने वाली फाइल की एन्कोडिंग।
वर्तमान में मानक utf-8 है।
|
type |
जोड़ी जाने वाली फाइल का डेटा प्रकार। |
ऐट्रिब्यूट media के मान
HTML5 में मान के रूप में मीडिया क्वेरीज़ निर्दिष्ट की जा सकती हैं।
| मान | विवरण |
|---|---|
all |
सभी डिवाइस। |
screen |
मॉनिटर स्क्रीन। |
handheld |
फोन, स्मार्टफोन, छोटी स्क्रीन वाले डिवाइस। |
braille |
ब्रेल प्रणाली पर आधारित डिवाइस, नेत्रहीन लोगों के लिए होते हैं। |
speech |
स्पीच सिंथेसाइज़र, साथ ही टेक्स्ट को ज़ोर से पढ़ने के लिए प्रोग्राम। इसमें स्पीच ब्राउज़र भी शामिल हैं। |
print |
प्रिंटर। |
projection |
प्रोजेक्टर। |
tty |
टेलिटाइप, टर्मिनल, सीमित स्क्रीन क्षमताओं वाले पोर्टेबल डिवाइस। उनके लिए माप की इकाई के रूप में पिक्सेल का उपयोग नहीं किया जाना चाहिए। |
tv |
टेलीविज़न, जो वेब पेज खोल सकते हैं (ऐसा भी होता है)। |
डिफ़ॉल्ट मान: all।
उदाहरण
आइए देखें कि एक सरल HTML पेज की संरचना कैसी दिखती है, जिसमें हम CSS फाइलें और फेविकॉन जोड़ते हैं:
html<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css" media="screen">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>