خصائص وسائط HTML <link>
تعريف والاستخدام
وسائط يحدد الخصائص كيفية تحسين المصدر المستهدف لوسائط/أجهزة معينة.
وسائط يحدد الخصائص أين سيتم عرض المستند المربوط.
يستخدم هذا الخصائص بشكل رئيسي مع قوائم النمط CSS، لتعيين أنماط مختلفة لأنواع وسائط مختلفة.
وسائط يمكن للملف أن يتلقي عدة قيم.
مثال
إثنان من أنماط الصور المختلفة لأنواع وسائط مختلفة (الشاشة والطباعة):
<head> <link rel="stylesheet" type="text/css" href="theme.css"> <link rel="stylesheet" type="text/css" href="print.css" media="print"> </head>
النحو
<link media="القيمة>
المعادلات الممكنة
| المعادلات | الوصف |
|---|---|
| and | يحدد عملاً AND. |
| not | يحدد عملاً NOT. |
| , | يحدد عملاً OR. |
الجهاز
| الجهاز | الوصف |
|---|---|
| all | المبدأي. لجميع أنواع الأجهزة. |
| للإعداد المسبق للطباعة/صفحات الطباعة. | |
| screen | للمستخدمين على أجهزة الكمبيوتر واللوحات الرقمية والهواتف الذكية وما إلى ذلك. |
| speech | القراء الصوتية المستخدمة لقراءة الصفحات. |
| aural | معتمد.المحولات الصوتية. |
| braille | معتمد.أجهزة التفاعل بالبرايل. |
| handheld | معتمد.الأجهزة المحمولة (شاشة صغيرة، نطاق تردد محدود). |
| projection | معتمد.المشروعور. |
| tty | معتمد.يستخدم شبكة النصوص المسافات الثابتة مثل الطابعات الميكانيكية وغيرها من الوسائط. |
| tv | معتمد.أجهزة نوع التلفاز (دقة منخفضة، قدرة تمرير محدودة). |
القيمة
| القيمة | الوصف |
|---|---|
| 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)" |
| device-aspect-ratio | معتمد.يحدد نسبة device-width/device-height للشاشة المستهدفة/ورق. |
| device-width | معتمد.يحدد عرض الشاشة المستهدفة/ورق. |
| device-height | معتمد.يحدد طول الشاشة المستهدفة/ورق. |
| grid |
يحدد ما إذا كانت الوحدة الناتجة هي شبكة أم bitmap. القيم الممكنة: "1" تمثل الشبكة، "0" هي الأخرى. مثال: media="handheld and (grid:1)" |
| height |
يحدد طول منطقة العرض المستهدفة. يمكن استخدام بدائل "min-" و "max-". مثال: media="screen and (max-height:700px)" |
| monochrome |
يحدد بت كل بكسل في حافظة الصور الفائقة للمونوكرم. يمكن استخدام بدائل "min-" و "max-". مثال: media="screen and (monochrome:2)" |
| اتجاه |
يحدد اتجاه المساحة المستهدفة من الشاشة/ورق. القيم المحتملة هي: "portrait" أو "landscape". مثال: media="all and (orientation: landscape)" |
| كثافة |
يحدد كثافة البكسل (dpi أو dpcm) للمساحة المستهدفة من الشاشة/ورق. يمكن استخدام بدائل "min-" و "max-". مثال: media="print and (resolution:300dpi)" |
| مسح |
يحدد طريقة مسح شاشة جهاز التلفزيون. القيم المحتملة هي: "progressive" و "interlace". مثال: media="tv and (scan:interlace)" |
| عرض |
يحدد عرض منطقة العرض الهدف. يمكن استخدام بدائل "min-" و "max-". مثال: media="screen and (min-width:500px)" |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
