HTML <area> media गुण
परिभाषा और उपयोग
media गुण निर्दिष्ट करता है कि लिंक किया गया दस्तावेज़ किस मीडिया या उपकरण के लिए अच्छी तरह से अनुकूलित है।
यह गुण लक्ष्य URL को विशेष उपकरण (जैसे iPhone) या वाणी या मुद्रित मीडिया के लिए डिजाइन किया हुआ है।
यह गुण कई मूल्यों को स्वीकार कर सकता है।
मौजूद होने पर ही href गुण के लिए उपयोग करता है।
ध्यान दें:यह गुण केवल सुझाव देता है।
उदाहरण
उपयोग के लिए media गुण निर्दिष्ट करता है:
<map name="planetmap"> <area shape="rect" coords="0,0,114,576" alt="Sun" href="sun.html" media="screen and (min-color-index:256)" </map>
व्याकरण
<area media="मान>
संभव ऑपरेटर
| ऑपरेटर | वर्णन |
|---|---|
| and | विनियमित AND ऑपरेटर |
| not | विनियमित NOT ऑपरेटर |
| , | विनियमित OR ऑपरेटर |
डिवाइस
| मान | वर्णन |
|---|---|
| all | डिफ़ॉल्ट. सभी डिवाइसों के लिए उपयुक्त。 |
| aural | आड़ा उत्पादक。 |
| braille | ब्रेल फ़ीडबैक डिवाइस。 |
| handheld | हैंडहेल्ड डिवाइस (छोटे स्क्रीन, सीमित बैंडविड्थ)。 |
| projection | प्रोजेक्शन मशीन。 |
| प्रिंट पूर्वावलोकन मोड/प्रिंट पेज。 | |
| screen | कंप्यूटर स्क्रीन。 |
| tty | टेलीटाइपर और एकसमान चारित्रिक ग्रिड का उपयोग करने वाले अन्य मीडिया。 |
| tv | टीवी टाइप डिवाइस (कम रेजोल्यूशन, सीमित पेजिंग क्षमता)。 |
मान
| मान | वर्णन |
|---|---|
| width |
विनियमित करता है कि लक्ष्य दिस्प्ले क्षेत्र की चौड़ाई。 min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (min-width:500px)" |
| height |
विनियमित करता है कि लक्ष्य दिस्प्ले क्षेत्र की ऊंचाई。 min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (max-height:700px)" |
| device-width |
विनियमित करता है कि लक्ष्य दिस्प्ले/कागज की चौड़ाई。 min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (device-width:500px)" |
| device-height |
विनियमित करता है कि लक्ष्य दिस्प्ले/कागज की ऊंचाई。 min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (device-height:500px)" |
| orientation |
विनियमित करता है कि लक्ष्य दिस्प्ले/कागज का दिशा。 संभव मान: "portrait" या "landscape" उदाहरण: media="all and (orientation: landscape)" |
| aspect-ratio |
विनियमित करता है कि लक्ष्य दिस्प्ले क्षेत्र के चौड़ाई/ऊंचाई अनुपात。 min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
विनियमित करता है कि लक्ष्य दिस्प्ले/कागज का device-width/device-height अनुपात。 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)" |
| monochrome |
सिंगल श्यामी फ्रेम बफ़ेर में प्रति पिक्सल बिट को निर्धारित करता है। min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="screen and (monochrome:2)" |
| रेजोल्यूशन |
लक्ष्य डिस्प्ले / कागज के पिक्सल घनत्व (dpi या dpcm) को निर्धारित करता है। min- और max- प्रीक्षक का उपयोग किया जा सकता है। उदाहरण: media="print and (resolution:300dpi)" |
| स्कैन |
टीवी स्क्रीन के स्कैनिंग विधि को निर्धारित करता है। संभावित मूल्य है: "progressive" और "interlace"। उदाहरण: media="tv and (scan:interlace)" |
| ग्रिड |
आउटपुट डिवाइस को ग्रिड है या बीटमैप है इसे निर्धारित करता है। संभावित मूल्य: "1" ग्रिड के लिए, "0" अन्य के लिए। उदाहरण: media="handheld and (grid:1)" |
ब्राउज़र सहायता
| च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सैफारी | ऑपेरा |
| सहायता | सहायता | सहायता | सहायता | सहायता |
