خصیت media HTML <area>

برچسب <a> 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

تعریف نسبت width/height نمایشگر هدف.

می‌توان از پیشوند "min-" و "max-" استفاده کرد.

مثال: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

تعریف نسبت 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)"
یکپارچه

تعیین می‌کند تعداد بیت هر پیکسل در فریم buffer یکپارچه.

می‌توان از پیشوند "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)"

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

برچسب <a> HTML