HTML <source> Tag
تگ <source> در HTML چندین منبع برای فایل های چند رسانه ای در عناصر <picture> , <audio> و <video> مشخص می کند.
مثال:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
body {
text-align: center;
padding: 20px;
}
</style>
</head>
<body>
<audio controls>
<source src="http://my-project.ir/audio/horse.mp3" type="audio/mp3"/>
<source src="http://my-project.ir/audio/horse.ogg" type="audio/ogg" />
</audio>
</body>
</html>
نتیجه:
مشاهده و ویرایش کد در حالت تمام صفحه
این عنصر معمولا برای ارائه فرمت های مختلف از یک فایلِ چندرسانه ای (multi-media) بکار می رود، تا گسترۀ بیشتری از مرورگرها قابلیت پردازش و ارائه آن ها را داشته باشند.
صفت ها (Attributes)
media
مدیا کوئری های مورد نظر را اعمال می کند. این صفت بیشتر برای عنصر <picture> کاربرد دارد.
sizes
اندازه های مختلفی از یک عکس را برای حالت های مختلفِ صفحه بندی تعریف می کند.
src
برای عناصر <audio> و <video> کاربرد دارد. این صفت آدرس فایل را برای بارگذاری مشخص می کند.
srcset
برای عنصر <picture> کاربرد دارد. این صفت آدرس تصاویر را برای موقعیت های مختلف مشخص می کند.
type
نوع فرمت فایل ها را مشخص می کند.
پشتیبانی مرورگرها
تمام مرورگرها از این تگ HTML پشتیبانی می کند. میزان پشتیبانی در مرورگر Opera مشخص نیست.
