خاصية media لـ <area> في HTML

علامة <a> في HTML

التعريف والاستخدام

media تحدد الخاصية ما هي الوسائط أو الأجهزة التي تم تحسين الوثيقة الموصوفة بالروابط لها.

تستخدم هذه الخاصية لتعيين ما إذا كانت URL الهدف مصممة للجهاز الخاص (مثل iPhone) أو الوسائط الصوتية أو الوسائط المطبوعة.

يمكن لهذه الخاصيةقبول عدة قيم.

فقط عندما تكون موجودة خاصية href عندما تستخدم.

ملاحظة:هذه الخاصية مجرد توصية.

مثال

استخدام خاصية الـ media لتعيين وسائل/الأجهزة المستهدفة لتحسين 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

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

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

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

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

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

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

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

علامة <a> في HTML