معرفی و کاربرد تگ source در HTML
معرفی و کاربرد تگ source در HTML منبع چند رسانه ای
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <source> در HTML می پردازیم.
تگ <source> در HTML
تگ <source> برای تعیین منابع چند رسانه ای برای عناصر رسانه هایی، مانند تگ video و تگ audio استفاده می شود.
تگ <source> به شما اجازه می دهد که سورس های متفاوت صوتی یا ویدیویی برای مرورگر تعیین کنید تا بر اساس نوع کدک یا نوع رسانه ای که پشتیبانی می کند، یکی را انتخاب کند.
تگ <source> یک تگ جدید در HTML5 محسوب می شود.
مثال در مورد تگ <source> در اچ تی ام ال
[html]<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>[/html]
بررسی تگ <source> در HTML 4.01 و HTML5
تگ <source> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشته است.
تگ <source> دارای سه خصوصیت ویژه جدید به نام های media , src و type در HTML5 می باشد.
خصوصیات ویژه تگ <source> در HTML
ویژگی خصوصی تگ select | مقدار | کاربرد در سند HTML |
media | media_query | نوع منبع media را مشخص می کند. |
src | URL | آدرس فایل صوتی یا تصویری را مشخص می کند. |
type | media_type | نوع media را برای منبع media مشخص می کند. |
جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.
ویژگی های عمومی تگ <source> در اچ تی ام ال
تگ <source> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <source> در HTML
تگ <source> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <source> در اچ تی ام ال
در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از تگ <source> پشتیبانی می کنند، آمده است:
تگ | فایرفاکس | اینترنت اکسپلورر | گوگل کروم | سافاری | اپرا |
source | 3.5 به بالا | 9.0 به بالا | 4.0 به بالا | 4.0 به بالا | 10.5 به بالا |
جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ source در HTML منبع چند رسانه ای – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید