مثال
استخدام من media السمة:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
انها محاولة لنفسك » تعريف واستخدام
و media تحدد السمة نوع من الموارد وسائل الإعلام (صفته وسائل الاعلام / الجهاز الأمثل للملف).
المتصفح يمكن استخدام هذه السمة لتحديد ما إذا كان يمكن تشغيل الملف أو لا. إذا كان لا يمكن، فإنه يمكن أن تختار عدم تنزيلها.
ملاحظة: هذه السمة لا يمكن أن يقبل العديد من القيم.
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| media | غير معتمد | غير معتمد | غير معتمد | غير معتمد | غير معتمد |
الخلافات بين HTML 4.01 و HTML5
و <source> البطاقة هي جديدة في HTML5.
بناء الجملة
<source 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-" البادئات يمكن استخدامها. Example: media="screen and (max-height:700px)" |
| الطبقة = "notranslate" جهاز عرض | يحدد عرض الهدف عرض / ورقة. "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)" |