HTML <a> media 属性

علامة <a> HTML

定义和用法

media 属性规定链接文档针对哪种媒体或设备进行了优化。

此属性用于规定目标 URL 是为特殊设备（如 iPhone）、语音或印刷媒体设计的。

该属性可以接受多个值。

只能在 href 属性 存在时使用。

注意：此属性纯粹是建议性的。

实例

设置了 media 属性的链接：

<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">
افتح صفحة خاصية media المخصصة للطباعة
</a>

جرب بنفسك

النحو

<a 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

يحدد نسبة عرض/طول جهاز الشاشة/ورق.

يمكن استخدام بدلاً من ذلك "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)"
شبكة

يحدد جهاز الإخراج هو شبكة أم bitmap.

القيم المحتملة: "1" تمثل الشبكة، "0" تمثل الأخرى.

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

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

علامة <a> HTML