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="value>

ప్రమాణిత ఆపరేటర్లు

ఆపరేటర్లు వివరణ
and AND ఆపరేటర్ నిర్వచించబడింది.
not NOT ఆపరేటర్ నిర్వచించబడింది.
, OR ఆపరేటర్ నిర్వచించబడింది.

పరికరం

పరికరం వివరణ
all డిఫాల్ట్. అన్ని మీడియా రకాల పరికరాలకు ఉపయోగిస్తారు.
print ప్రింట్ ప్రివ్యూ మోడ్ / ప్రింట్ పేజీ కొరకు ఉపయోగిస్తారు.
screen కంప్యూటర్ స్క్రీన్, టాబులెట్, స్మార్ట్ఫోన్ మొదలైన పరికరాలకు ఉపయోగిస్తారు.
speech పేజీని పఠించే స్క్రీన్ రీడర్ ఉపయోగిస్తారు.
aural తొలగించబడింది.వాకలైన్ సింథెసైజర్.
braille తొలగించబడింది.బ్రెయిల్ ఫీడ్బ్యాక్ పరికరం.
handheld తొలగించబడింది.హాండ్హెల్డ్ పరికరం (చిన్న స్క్రీన్, పరిమిత బ్యాండ్ విధులు ఉన్నది).
projection తొలగించబడింది.ప్రపంచకరణ పరికరం.
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)"
స్కాన్

టివి ప్రదర్శకం స్కాన్ పద్ధతిని నిర్ణయిస్తుంది.

సాధ్యమగు విలువలు: "progressive" మరియు "interlace".

ఉదాహరణ: media="tv and (scan:interlace)"
వెడల్పు

లక్ష్య ప్రదర్శన ప్రాంతం వెడల్పును నిర్ణయిస్తుంది.

ఉపయోగించవచ్చు "min-" మరియు "max-" ప్రిఫిక్సులు.

ఉదాహరణ: media="screen and (min-width:500px)"

బ్రౌజర్ మద్దతు

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

హ్ట్మ్ఎల్ <link> టాగ్