‎‎ويژگيHTML media

‎‎تعريف وكاربردDefinition and Usag -‎

‎‎ويژگي‎media‎براي سند پيوندي رسانه يا دستگاهي كه بهينه باشد معرفي ميكند .

‎ويژگي فوق براي تنظيم صفحه هدف در شرايط متفاوت بكار گرفته ميشود .بعنوان مثال اگر صفحه هدف ‎در موبايل نمايش داده شود، ميتوان شرايط خاص آنرا مثل ابعاد نمايش تنظيم نمود .يا اگر صفحه ‎بايد چاپ شود، شرايط ديگري بايد معرفي شود.

‎‎اين ويژگي ميتواند مقادير گوناگوني داشته باشد.

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.

‎
‎‎عنصر	‎‎شــرح
‎<a>	‎‎يك پيوند يا لينكي را تعريف ميكند.
‎<area>	‎‎ناحيه اي در يك نقشه تصويري مشخص ميكند
‎<link>	‎‎ارتباط بين سند ويك منبع خارجي ديگر را تعريف مي نمايد. ‎‎ ‎بيشتر براي ارتباط با استايل شيت ها استفاد ميشود.
‎<source>	‎‎منابع پخش را براي عناصر رسانه اي‎<video>,<audio>‎ معرفي ميكند .
‎<style>	‎‎اطلاعات استايل را براي يك سند تعريف ميكند.

‎‎مثالها

‎‎مثالA ـ يك پيوند با ويژگي ‎media‎

‎

<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>

‎‎در مثال فوق در ويژگي‎media‎ براي چاپ سند تنظيمات اعلام شده است .

‎‎مثال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>

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎
‎‎عنصر
‎a‎	‎Yes‎	‎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‎