English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية media ما نوع وسائل الإعلام أو الأجهزة التي تم تحسين URL المستهدف لها، ويستخدم هذا الخصائص لتعيين ما إذا كان URL مصمم خصيصًا للهواتف الذكية الخاصة (مثل iPhone) أو وسائل الإعلام الصوتية أو الورقية. يمكن لهذا الخصائص قبول عدة قيم.
خريطة صورة قابلة للنقر
<!DOCTYPE html> <html> <title>HTML:<area> media property - أساسيات التعليمات البرمجية الشبكية oldtoolbag.com</title> <body> <p>انقر على الشمس لرؤيتها عن قرب</p> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html" media="screen and (min-color-index:256)"> </map> </body> </html>اختبار لمعرفة ‹/›
IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الرئيسية خاصية media
يحدد خاصية media ما نوع وسائل الإعلام أو الأجهزة التي تم تحسين URL المستهدف لها.
هذا الخصائص يستخدم لتعيين ما إذا كان URL مصمم خصيصًا للهواتف الذكية الخاصة (مثل iPhone) أو وسائل الإعلام الصوتية أو الورقية.
يمكن لهذه الخاصية أن تأخذ عدة قيم.
استخدم هذه الخاصية فقط عندما يكون هناك خاصية href.
ملاحظة: هذه الخاصية هي تقديمية فقط.
خصائص media هي خاصية جديدة في HTML5.
<area media="القيمة>
| القيمة | الوصف |
|---|---|
| and | يحدد عملاً AND |
| not | يحدد عملاً NOT |
| , | يحدد عملاً OR |
| القيمة | الوصف |
|---|---|
| all | المبدأ الافتراضي. يتناسب مع جميع الأجهزة. |
| aural | المحول إلى الصوت |
| braille | أجهزة التفاعل بالبرايل |
| handheld | أجهزة اليد (شاشة صغيرة، نطاق سعة محدود) |
| projection | المشروعور |
| عرض الطباعة المسبق/عدد صفحات الطباعة | |
| screen | شاشة الكمبيوتر |
| tty | أجهزة الطباعة الكهربائية أو الأجهزة التي تستخدم شبكة حروف ثابتة |
| tv | أجهزة التلفاز (دقة منخفضة، قدرة تمرير محدودة) |
| القيمة | الوصف |
|---|---|
| العرض | يحدد عرض المنطقة المستهدفة للعرض. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (min-width:500px)" |
| الطول | يحدد طول المنطقة المستهدفة للعرض. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (max-height:700px)" |
| عرض-الجهاز | يحدد عرض الشاشة المستهدفة/ورق الطباعة. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (device-width:500px)" |
| طول-الجهاز | يحدد طول الشاشة المستهدفة/ورق الطباعة. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (device-height:500px)" |
| اتجاه | يحدد اتجاه الشاشة المستهدفة/الورق. القيم الممكنة: "portrait" أو "landscape" مثال: media="all and (orientation: landscape)" |
| نسبة-العرض-الطول | يحدد نسبة عرض الشاشة المستهدفة إلى طولها. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (aspect-ratio:16/9)" |
| نسبة-العرض-الجهاز | يحدد نسبة عرض الشاشة المستهدفة إلى طولها. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (aspect-ratio:16/9)" |
| اللون | يحدد عدد مرات استخدام اللون لكل بكسل في الشاشة المستهدفة. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (color:3)" |
| index-اللون | يحدد عدد الألوان التي يمكن للشاشة المستهدفة التعامل معها. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (min-color-index:256)" |
| monochrome | تحديد عدد مراكز البيانات في إطار أحادي اللون. يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="screen and (monochrome:2)" |
| resolution | تحديد كثافة البكسل للشاشة أو الورق المستهدف (DPI أو DPCM). يُستخدم عادةً المقدمة "min-" و "max-". مثال: media="print and (resolution:300dpi)" |
| scan | تحديد طريقة مسح شاشة العرض التلفزيونية. القيم المحتملة هي "progressive" و "interlace". مثال: media="tv and (scan:interlace)" |
| grid | تحديد جهاز الإخراج هو الشبكة أو الرسومات قيمة grid هي "1"، والآخرين هي "0" مثال: media="handheld and (grid:1)" |