HTML <area> media అట్రిబ్యూట్
నిర్వచనం మరియు ఉపయోగం
media
ఈ అట్రిబ్యూట్ లింక్ డాక్యుమెంట్ ద్వారా అనుకూలీకరించబడిన మీడియా లేదా పరికరాన్ని నిర్ణయిస్తుంది.
ఈ అట్రిబ్యూట్ లక్ష్య URL ప్రత్యేక పరికరాలకు (ఉదాహరణకు iPhone) లేదా ఆడియో లేదా పత్ర మీడియా కోసం రూపొందించబడినది అని నిర్ణయిస్తుంది.
ఈ అట్రిబ్యూట్ అనేక విలువలను అంగీకరిస్తుంది.
ఈ అట్రిబ్యూట్ ఉన్నప్పుడు మాత్రమే ఉపయోగించబడుతుంది. href అట్రిబ్యూట్ ఉపయోగించిన సమయంలో.
గమనిక:ఈ అట్రిబ్యూట్ కేవలం సిఫార్సు పరమైనది.
ఉదాహరణ
ఉపయోగించిన media అట్రిబ్యూట్ ద్వారా లక్ష్య URL అనుకూల మీడియా/పరికరాన్ని నిర్ణయించుము:
<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="value>
సాధ్యమైన ఆపరేటర్స్
ఆపరేటర్స్ | వివరణ |
---|---|
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)" |
resolution |
లక్ష్య డిస్ప్లే / పత్రం పిక్సెల్ దగ్గరని నిర్ధారిస్తుంది (dpi లేదా dpcm). "min-" మరియు "max-" ప్రిఫిక్స్ వాడవచ్చు. ఉదాహరణ: media="print and (resolution:300dpi)" |
scan |
టివి శ్రేణి ప్రదర్శించే పరిశీలన పద్ధతిని నిర్ధారిస్తుంది. సాధ్యమయ్యే విలువలు: "progressive" మరియు "interlace". ఉదాహరణ: media="tv and (scan:interlace)" |
grid |
అవుట్పుట్ డివైస్ గ్రిడ్ లేదా బీమాప్ అని నిర్ధారిస్తుంది. సాధ్యమయ్యే విలువలు: "1" గ్రిడ్ అని, "0" ఇతర విలువలు. ఉదాహరణ: media="handheld and (grid:1)" |
బ్రౌజర్ ప్రాతిపదిక
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఒపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |