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

एचटीएमएल <link> टैग

परिभाषा और उपयोग

media एट्रिब्यूट लक्ष्य संसाधन को किस मीडिया/उपकरण के लिए अच्छी तरह से अनुकूलित करता है。

media एट्रिब्यूट वाला डॉक्यूमेंट को किस उपकरण पर दिखाया जाएगा, इसे निर्दिष्ट करता है。

यह एट्रिब्यूट CSS स्टाइलशीट के साथ मुख्यतः उपयोग किया जाता है, विभिन्न मीडिया टाइप के लिए अलग-अलग स्टाइल निर्दिष्ट करता है。

media प्रयोग विधि

उदाहरण

दो अलग अलग स्टाइलशीट दो अलग अलग मीडिया टाइप (स्क्रीन और प्रिंट) के लिए हैं:

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  
<link rel="stylesheet" type="text/css" href="print.css" media="print">

</head>

खुद सबसे प्रयोग करें

व्याकरण<link media="मान

>

संभव ऑपरेटर वर्णन
ऑपरेटर and
निर्देशकर्ता AND ऑपरेटर not
निर्देशकर्ता NOT ऑपरेटर ,

निर्देशकर्ता OR ऑपरेटर

निर्देशकर्ता OR ऑपरेटर वर्णन
डिवाइस all
डिफ़ॉल्ट।सभी मीडिया तरीकों के लिए उपयोग करता है。 print
यादृच्छिक प्रिंट पूर्वावलोकन मोड/प्रिंट पृष्ठ के लिए उपयोग करता है。 screen
कंप्यूटर स्क्रीन, टैबलेट, स्मार्टफोन आदि के लिए उपयोग करता है。 speech
पृष्ठ को पढ़ने के लिए इस्पात पठन डिवाइस का उपयोग करता है。 अलग कर दिया गया है。aural
ऑडियल संगीतकार अलग कर दिया गया है。braille
ब्रेल फ़ीडबैक डिवाइस。 अलग कर दिया गया है。handheld
हैंडहेल्ड डिवाइस (छोटे स्क्रीन, सीमित बैंडविड्थ)。 अलग कर दिया गया है。प्रोजेक्शन
tty अलग कर दिया गया है。स्थिर अंतराल चारित्रों के साथ टेलीटाइपर और अन्य उपकरणों का उपयोग करता है。
tv अलग कर दिया गया है。टीवी तरह के डिवाइस (कम रेजोल्यूशन, सीमित रोलिंग क्षमता)。

मान

मान वर्णन
aspect-ratio

लक्ष्य डिस्प्ले क्षेत्र की चौड़ाई/ऊंचाई का अनुपात निर्देशित करता है。

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (aspect-ratio:16/9)"
color

लक्ष्य डिस्प्ले के प्रत्येक रंग के बिटों की संख्या को निर्देशित करता है。

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (color:3)"
color-index

लक्ष्य डिस्प्ले को संभावित करने वाले रंगों की संख्या को निर्देशित करता है。

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (min-color-index:256)"
device-aspect-ratio अलग कर दिया गया है。लक्ष्य डिस्प्ले/कागज के device-width/device-height अनुपात को निर्देशित करता है。
device-width अलग कर दिया गया है。लक्ष्य डिस्प्ले/कागज की चौड़ाई को निर्देशित करता है。
device-height अलग कर दिया गया है。लक्ष्य डिस्प्ले/कागज की ऊंचाई को निर्देशित करता है。
grid

आउटपुट डिवाइस को ग्रिड है या बिटमैप है का निर्देश करता है。

संभव मान: "1" ग्रिड के लिए, "0" अन्य के लिए。

उदाहरण: media="handheld and (grid:1)"
height

लक्ष्य डिस्प्ले क्षेत्र की ऊंचाई को निर्देशित करता है。

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (max-height:700px)"
monochrome

एकल रंग फ्रेम बफ़र में प्रति पिक्सल बिट का निर्देश करता है。

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (monochrome:2)"
दिशा

निर्दिष्ट करें कि लक्ष्य दिखाने के लिए या पेपर का दिशा

संभव मान हैं: "portrait" या "landscape"

उदाहरण: media="all and (orientation: landscape)"
पिक्सल घनत्व

निर्दिष्ट करें कि लक्ष्य दिखाने के लिए या पेपर का पिक्सल घनत्व (dpi या dpcm)

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="print and (resolution:300dpi)"
स्कैन

tv दिखाने के लिए स्कैन करें

संभव मान हैं: "progressive" और "interlace"

उदाहरण: media="tv and (scan:interlace)"
विस्तार

घटक दिखाने के लिए निर्दिष्ट करें

इस्तेमाल कर सकते हैं "min-" और "max-" प्रीफिक्स

उदाहरण: media="screen and (min-width:500px)"

ब्राउज़र सापोर्ट

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

एचटीएमएल <link> टैग