صفت خصوصی media در HTML5
در این مقاله از سایت آموزی جهت استفاده شما همراهان همیشگی به معرفی و کاربرد صفت خصوصی media در html5 می پردازیم. صفت 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>
مثال در مورد استفاده از ویژگی 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>
صفت خصوصی media در HTML5 صفت media در تگ a و area
مثال در مورد استفاده از صفت خصوصی media در HTML5 درون تگ link
<head>
<link rel=”stylesheet” type=”text/css” href=”theme.css”>
<link rel=”stylesheet” type=”text/css” href=”print.css” media=”print”>
</head>
مثال در مورد استفاده از ویژگی media درون تگ source
<source src=”movie.ogg” type=”video/ogg” media=”screen and (min-width:320px)”>
مثال در مورد استفاده از صفت خصوصی media در HTML5 درون تگ style
<style media=”print”>
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
بررسی ویژگی media در سند html 4.0.1 و HTML5
ویژگی خصوصی media در نسخه HTML5 برای تگ a ، تگ area ، تگ link ، تگ source و تگ style معرفی شده است. و در HTML4.0.1 و نسخه های قدیمی تر وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از ویژگی media
تگ html | |||||
a | بله | بله | بله | بله | بله |
area | بله | بله | بله | بله | بله |
link | بله | بله | بله | بله | بله |
source | عدم پشتیبانی | عدم پشتیبانی | عدم پشتیبانی | عدم پشتیبانی | عدم پشتیبانی |
style | بله | بله | بله | بله | بله |
پیوندهای کاربردی و مفید
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت خصوصی media در HTML5 صفت media در تگ a و area – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید