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