سمة وسائط HTML
التعريف والاستخدام
mediaتحدد السمة الوسائط / الجهاز الذي تم تحسين المستند المرتبط من أجله .
تُستخدم هذه السمة لتحديد أن عنوان URL الهدف مصمم لأجهزة خاصة (مثل iPhone) أو الكلام أو الوسائط المطبوعة.
يمكن أن تقبل هذه السمة عدة قيم.
ينطبق على
يمكن mediaاستخدام السمة في العناصر التالية:
| عناصر | يصف |
|---|---|
| <a> | وسائط |
| <المنطقة> | وسائط |
| <ارتباط> | وسائط |
| <source> | وسائط |
| <ستايل> | وسائط |
أمثلة
مثال
ارتباط بسمة وسائط:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
مثال المنطقة
خريطة صورة مع منطقة قابلة للنقر:
<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>
مثال الارتباط
ورقتا أنماط مختلفتان لنوعين مختلفين من الوسائط (الشاشة والطباعة):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
مثال المصدر
استخدام سمة الوسائط:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
مثال على النمط
حدد النمط المراد استخدامه للطباعة:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
دعم المتصفح
تحتوي mediaالسمة على دعم المتصفح التالي لكل عنصر:
| Element | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| source | Not supported | Not supported | Not supported | Not supported | Not supported |
| style | Yes | Yes | Yes | Yes | Yes |