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 ప్రాజెక్షన్ మెషీన్.
print ప్రింట్ ప్రివ్యూ మోడ్/ప్రింట్ పేజీ.
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)"

బ్రౌజర్ ప్రాతిపదిక

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు