آموزش صفت Media در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Media در HTML با من همراه باشید.

آموزش صفت Media در HTML

Free-Learn

صفت Media در HTML

صفت media صفتی است که با استفاده از آن میتوان یک رسانه را برای دستگاهای مختلف جهت نمایش هرچه بهتر بهینه سازی کرد.

بفرض مثال میتوان مشخص کرد که نحوه نمایش یک صفحه درون دستگاهای موبایل چگونه باشد و یا میتوان مشخص کرد که یک رسانه در هنگام چاپ/پرینت شدن چگونه باشد.

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<area> <a>
<source> <link>
<style>

Free-Learn

مثال از صفت Media در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : استفاده در تگ a

امتحان کنید

مثال شماره ۲ : استفاده در تگ Area

امتحان کنید

مثال شماره ۳ : استفاده در تگ Link

امتحان کنید

مثال شماره ۴ : استفاده در تگ Source

امتحان کنید

مثال شماره ۵ : استفاده در تگ Style

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت media در HTML پشتیبانی میکنند یا خیر.

نام تگ Chrome Firefox Opera Safari IE
a بله بله بله بله بله
area بله بله بله بله بله
link بله بله بله بله بله
source خیر خیر خیر خیر خیر
style بله بله بله بله بله

Free-Learn

نکات و توضیحات

صفت media یک صفت جدید/اضافه شده در HTML5 می باشد.

این صفت میتواند/قادر است بیش از یک (چندین مقدار) بپذیرد.

این صفت در تگ های a و area و link و source تنها در صورتی عمل خواهد کرد که صفت href در این تگ ها وجود داشته باشد.

Free-Learn