ویژگی 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 پروژکتور.
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)"

اسکن

ٹی وی نمائش گرہ کو اسکن کرنے کا طریقہ نافذ کیا جاتا ہے۔

ممکنہ اقدار: "progressive" اور "interlace".

مثال: media="tv and (scan:interlace)"

گرڈ

نمایاں کرانے والی مشین کو گرڈ یا بیتماپ بنانے کا قواعد نافذ کیا جاتا ہے۔

ممکنہ اقدار: "1" گرڈ کا معنادار ہوتا ہے، "0" دیگر کو کیا جاتا ہے۔

مثال: media="handheld and (grid:1)"

بھرپائی کا ملازمت

کروم ایجی فائرفاکس سافری آپریا
کروم ایجی فائرفاکس سافری آپریا
دست یار دست یار دست یار دست یار دست یار