HTML <area> media property

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਮੀਡੀਆ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਸੰਬੰਧਿਤ ਲਿੰਕ ਕੀਤੇ ਗਏ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਕਿਸ ਮੀਡੀਆ ਜਾਂ ਉਪਕਰਣ ਲਈ ਅਨੁਕੂਲਤਾ ਹੈ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦੀ ਹੈ。

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਟੀਚ ਯੂਐੱਨਆਈਲ ਨੂੰ ਵਿਸ਼ੇਸ਼ ਉਪਕਰਣ (ਜਿਵੇਂ ਕਿ ਆਈਫੋਨ), ਵਾਕ ਜਾਂ ਪ੍ਰਿੰਟ ਮੀਡੀਆ ਲਈ ਡਿਜਾਇਨ ਕੀਤਾ ਗਿਆ ਹੈ ਇਸ ਦੇ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ。

ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਕਈ ਮੁੱਲ ਸਵੀਕਾਰ ਕਰ ਸਕਦੀ ਹੈ。

ਮੌਜੂਦ ਹੋਣ ਉੱਤੇ ਹੀ href ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤੋਂ ਕਰੋ

ਧਿਆਨ:ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਿਰਫ਼ ਸਿਫ਼ਾਰਸ਼ੀ ਹੈ。

ਉਦਾਹਰਣ

ਮੀਡੀਆ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟੀਚ ਯੂਐੱਨਆਈਲ ਦੀ ਅਨੁਕੂਲਤਾ ਵਧਾਓ:

<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)"

ਸਿੰਗਲ ਕਲੇਸ

ਸਿੰਗਲ ਕਲੇਸ ਫ੍ਰੇਮ ਬਫਰ ਵਿੱਚ ਹਰ ਪਿਕਸਲ ਦੇ ਬਿਟਸ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ

"min-" ਅਤੇ "max-" ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਉਦਾਹਰਣ: media="screen and (monochrome:2)"

ਰੈਜਲੂਸ਼ਨ

ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਟੀਚ ਸਕ੍ਰੀਨ/ਕਾਗਜ਼ ਦੀ ਪਿਕਸਲ ਡੈਨਸਿਟੀ (dpi ਜਾਂ dpcm)

"min-" ਅਤੇ "max-" ਪ੍ਰੀਫਿਕਸ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਉਦਾਹਰਣ: media="print and (resolution:300dpi)"

ਸਕ੍ਰੀਨ

tv ਸਕ੍ਰੀਨ ਦੀ ਸਕ੍ਰੀਨਿੰਗ ਮੱਥਦੇ ਨਿਰਧਾਰਿਤ ਕਰੋ

ਸੰਭਵ ਮੁੱਲ: "progressive" ਅਤੇ "interlace"。

ਉਦਾਹਰਣ: media="tv and (scan:interlace)"

ਗ੍ਰਿੱਡ

ਨਿਰਧਾਰਿਤ ਕਰੋ ਕਿ ਆਉਟਪੁੱਟ ਉਪਕਰਣ ਗ੍ਰਿੱਡ ਹੈ ਜਾਂ ਬਿਟਮੈਪ

ਸੰਭਵ ਮੁੱਲ: "1" ਪੜਾਅ, "0" ਹੋਰ ਹੈ。

ਉਦਾਹਰਣ: media="handheld and (grid:1)"

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ