مشاهده تصویر بزرگتر

صفت خصوصی media در HTML5

صفت خصوصی media در HTML5 | صفت media در تگ a تگ area

در این مقاله از سایت آموزی جهت استفاده شما همراهان همیشگی به معرفی و کاربرد ویژگی خصوصی media در سند html می پردازیم. صفت media مخصوص تگ a ، تگ area ، تگ link ، تگ source و تگ style می باشد.

ویژگی media در نسخه جدید HTML5 معرفی شده است.

معرفی و کاربرد ویژگی خصوصی media در سند HTML

خاصیت media مخصوص تگ a ، تگ area ، تگ link ، تگ source و تگ style در سند html می باشد.

ویژگی اختصاصی media در نسخه جدید HTML5 معرفی شده است. و در نسخه های قبلی html وجود نداشت.

خصوصیت media ، مشخص می کند چه نوع رسانه ای به سند ما لینک شده است.

همچنین این ویژگی می تواند URL هدف را در دستگاه هایی مانند آیفون و یا رسانه های چاپی مشخص نماید.

ویژگی خصوصی media می تواند مقادیر زیادی را جهت اطلاع از وضعیت فایل رسانه در خود جای دهد.

مثال در مورد استفاده از ویژگی media درون تگ a

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

1 2	<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>

<area shape="rect" coords="0,0,82,126" alt="Sun"

href="sun.htm" media="screen and (min-color-index:256)">

</map>

مثال در مورد استفاده از ویژگی media درون تگ link

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

<head>

</head>

مثال در مورد استفاده از ویژگی media درون تگ source

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

1	<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

مثال در مورد استفاده از ویژگی media درون تگ style

<style media="print">
<span class="cssHigh">h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;} </span>
</style>

<span class="cssHigh">h1 {color:#000000;}

p {color:#000000;}

body {background-color:#FFFFFF;} </span>

</style>

بررسی ویژگی media در سند html 4.0.1 و HTML5

ویژگی خصوصی media در نسخه HTML5 برای تگ a ، تگ area ، تگ link ، تگ source و تگ style معرفی شده است. و در HTML4.0.1 و نسخه های قدیمی تر وجود نداشته و پشتیبانی نمی شود.

پشتیبانی مرورگرهای اینترنتی از ویژگی media


تگ html
a	بله	بله	بله	بله	بله
area	بله	بله	بله	بله	بله
link	بله	بله	بله	بله	بله
source	عدم پشتیبانی	عدم پشتیبانی	عدم پشتیبانی	عدم پشتیبانی	عدم پشتیبانی
style	بله	بله	بله	بله	بله