مثال
صورة الخريطة، مع مساحة قابلة للنقر:
<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.htm" media="screen and (min-color-index:256)">
</map>
انها محاولة لنفسك » تعريف واستخدام
و media تحدد السمة صفته وسائل الاعلام / الجهاز الأمثل URL الهدف ل.
يتم استخدام هذه السمة لتحديد أن عنوان URL تم تصميم لأجهزة خاصة (مثل iPhone)، والكلام أو وسائط الطباعة.
هذه السمة لا يمكن أن يقبل العديد من القيم.
يستخدم فقط إذا كان href السمة الحالية.
ملاحظة: هذه السمة هي استشارية بحتة.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| media | Yes | Yes | Yes | Yes | Yes |
الخلافات بين HTML 4.01 و HTML5
و media السمة الجديدة في HTML5.
بناء الجملة
<area media="value">
يمكن Operators
| القيمة | وصف |
|---|---|
| and | يحدد عامل التشغيل AND |
| not | يحدد التشغيل NOT |
| , | يحدد المشغل أو |
الأجهزة
| القيمة | وصف |
|---|---|
| all | افتراضي. مناسبة لجميع الأجهزة |
| aural | تخليق خطاب |
| braille | أجهزة ردود الفعل برايل |
| handheld | الأجهزة المحمولة (الشاشة الصغيرة، عرض النطاق الترددي محدودة) |
| projection | العرض |
| معاينة قبل الطباعة / وضع الصفحات المطبوعة | |
| screen | شاشات الكمبيوتر |
| tty | Teletypes وسائل الإعلام مماثلة باستخدام شبكة الطابع خطوة ثابت |
| 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)" |
| monochrome | يحدد بت لكل بكسل في الإطار عازلة أحادية اللون. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="screen and (monochrome:2)" |
| resolution | يحدد كثافة بكسل (نقطة في البوصة أو dpcm) من الهدف عرض / ورقة. "min-" و "max-" البادئات يمكن استخدامها. على سبيل المثال: media="print and (resolution:300dpi)" |
| scan | يحدد طريقة مسح وعرض التلفزيون. القيم الممكنة هي "progressive" و "interlace" . على سبيل المثال: media="tv and (scan:interlace)" |
| grid | يحدد ما إذا كان الجهاز الناتج الشبكة أو نقطية. القيم الممكنة هي "1" الشبكة، و "0" خلاف ذلك. على سبيل المثال: media="handheld and (grid:1)" |