ویژگی medیا <area> HTML
تعریف و استفاده
media
ویژگی تعیین میکند که مستند مرتبط با لینک برای چه رسانهها یا دستگاههایی بهینه شده است.
این ویژگی برای تعیین اینکه URL هدف برای دستگاههای خاص (مانند iPhone)، رسانههای صوتی یا چاپی طراحی شده است، استفاده میشود.
این ویژگی میتواند چندین مقدار را پذیرا باشد.
فقط در صورت وجود ویژگی href استفاده میشود.
توجه:این ویژگی کاملاً توصیهای است.
مثال
استفاده از ویژگی medیا برای تعیین رسانه/دستگاه هدف 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="مقدار>
عملگرهای ممکن
عملگرها | توضیحات |
---|---|
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)" |
تنہائی |
ایک تنہائی فریم باف کا ہر پائیکسل بٹ کا قواعد نافذ کیا جاتا ہے۔ "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)" |
بھرپائی کا ملازمت
کروم | ایجی | فائرفاکس | سافری | آپریا |
---|---|---|---|---|
کروم | ایجی | فائرفاکس | سافری | آپریا |
دست یار | دست یار | دست یار | دست یار | دست یار |