एचटीएमएल डोम लिंक रिले प्रॉपर्टी वर्तमान और लिंक किए गए दस्तावेज़ के बीच संबंध सेट/रिटर्न करता है और इसका उल्लेख करना आवश्यक है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
- लौटना रिले विशेषता मान
linkObject.rel
- सेटिंग rel एक वैल्यूस्ट्रिंग के लिए
linkObject.rel = valueString
मान स्ट्रिंग
यहां, “valueString” निम्नलिखित हो सकते हैं -
| valueString | विवरण |
|---|---|
| वैकल्पिक | यह प्रदान करता है |
| लेखक | यह लिंक किए गए दस्तावेज़ के लेखक को एक लिंक प्रदान करता है |
| dnsprefetch | यह निर्दिष्ट करता है कि ब्राउज़र को लक्ष्य संसाधन के मूल के लिए DNS रिज़ॉल्यूशन पूर्व-खाली रूप से निष्पादित करना चाहिए |
| सहायता | यह किसी सहायता दस्तावेज़ का लिंक प्रदान करता है, यदि कोई हो |
| आइकन | यह दस्तावेज़ का प्रतिनिधित्व करने के लिए एक आइकन आयात करता है |
| rel | यह वर्तमान और लिंक किए गए दस्तावेज़ के बीच संबंध सेट/रिटर्न करता है |
| लाइसेंस | यह लिंक किए गए दस्तावेज़ के लिए कॉपीराइट जानकारी प्रदान करता है |
| अगला | यह दस्तावेज़ों की श्रृंखला में अगले दस्तावेज़ के लिए एक लिंक प्रदान करता है |
| पिंगबैक | यह पिंगबैक सर्वर का पता प्रदान करता है जो वर्तमान लिंक किए गए दस्तावेज़ में पिंगबैक को हैंडल करता है |
| पूर्व कनेक्ट करें | यह निर्दिष्ट करता है कि ब्राउज़र को लक्ष्य संसाधन के मूल से पहले से ही कनेक्ट होना चाहिए, यदि कोई हो |
| प्रीफ़ेच | यह निर्दिष्ट करता है कि ब्राउज़र को पहले से ही लक्ष्य संसाधन को लाना और कैश करना चाहिए क्योंकि यह दस्तावेज़ के अनुवर्ती नेविगेशन के लिए आवश्यक है |
| प्रीलोड | यह निर्दिष्ट करता है कि ब्राउज़र एजेंट को "as" विशेषता (और उस गंतव्य से जुड़ी प्राथमिकता) द्वारा दिए गए गंतव्य के अनुसार वर्तमान नेविगेशन के लिए लक्ष्य संसाधन को पूर्व-खाली रूप से लाना और कैश करना होगा )। |
| प्रीरेंडर | यह निर्दिष्ट करता है कि ब्राउज़र को निर्दिष्ट वेबपेज को पृष्ठभूमि में लोड करना चाहिए। इसलिए, यदि उपयोगकर्ता इस पृष्ठ पर नेविगेट करता है, तो यह पृष्ठ लोड को गति देता है |
| पिछला | यह इंगित करता है कि दस्तावेज़ एक श्रृंखला का हिस्सा है, और यह कि श्रृंखला में पिछला दस्तावेज़ संदर्भित लिंक किया गया दस्तावेज़ है |
| खोज | यह एक संसाधन के लिए एक लिंक प्रदान करता है जिसका उपयोग वर्तमान दस्तावेज़ और उसके संबंधित पृष्ठों के माध्यम से खोजने के लिए किया जा सकता है। |
| स्टाइलशीट | यह वर्तमान दस्तावेज़ में एक स्टाइल शीट आयात करता है |
उदाहरण
आइए लिंक रिले . के लिए एक उदाहरण देखें संपत्ति -
<!DOCTYPE html>
<html>
<head>
<title>Link rel</title>
<link id="extStyle" rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-rel</legend>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var extStyle = document.getElementById("extStyle");
if(extStyle.rel === 'stylesheet')
divDisplay.textContent = 'The linked document is of type stylesheet';
else
divDisplay.textContent = 'The linked document is of type '+extStyle.rel;
</script>
</body>
</html> उपरोक्त उदाहरण में ‘style.css’ शामिल हैं -
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
} आउटपुट
यह निम्नलिखित आउटपुट देगा -
