با استفاده از تگ source در HTML آدرس فایل های منابع رسانه ای مانند تصاویر، ویدیو ها و فایل های صوتی را مشخص می کنیم.
مثال
در مثال زیر با استفاده از تگ <source> فایل های صوتی عنصر <audio> را مشخص و اضافه کردیم:
تماشا در حالت تمام صفحه
تعریف و کاربرد
تگ source در HTML تگی است که با استفاده از آن می توان یک منبع یا بطور کلی مسیر یک فایل را برای تگ های چند رسانه ای همچون <audio> و <video> و <picture> مشخص کرد.
با استفاده از تگ <source> می توانید چندین فایل را که مرورگر ها می توانند با توجه به پشتیبانی که از فایل های رسانه ای دارند مشخص کنید و اولین <source> مشخص شده انتخاب می شود.
فرض کنید یک فایل صوتی دارید که از آن فایل صوتی چندین نسخه در فرمت های مختلف مثل mp3 ,ogg ,aac ,wav و… دارید. اکنون شما می توانید تمام این فرمت ها از فایل صوتی را به ترتیب اولویت در تگ <source> در عنصر <audio> قرار دهید. و مرورگر اولین تگ <source> را فراخوانی میکند و اگر نتونست اون فرمت رو اجرا کنه میره سراغ سورس بعدی و اون رو اجرا میکنه.
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
عنصر
<source>
4.0
9.0
3.5
4.0
10.5
خواص (attributes)
خاصیت
مقدار
توضیحات
media
media_query
برای مشخص کردن حالت های مختلف رسانه در صفحه وب استفاده می شود. (برای واکنش گرایی)
sizes
اندازه های مختلف تصاویر را برای طرح بندی صفحه های مختلف مشخص می کند. (برای واکنش گرایی)
src
URL
URL یا مسیر فایل را مشخص می کند.
srcset
URL
مسیر فایلی را که قرار است در حالت های مختلف صفحه نمایش اجرا شود را مشخص می کند.
type
MIME-type
نوع رسانه را مشخص می کند. (مثلاً نوع رسانه فایل های ویدئویی از نوع mp4 می شود: video/mp4)
این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
آیا این مطلب برای شما مفید بود ؟
خیر
بله
لطفاً از کمبود ها و مشکلات این محتوا برای ما بنویسید
در این آموزش به بررسی تگ optgroup در HTML می پردازیم ، با استفاده از عنصر optgroup میتوان لیست های درون تگ select را دسته بندی کردی و عناوینی را تعریف کرد...
در این آموزش به بررسی تگ strike در HTML می پردازیم ، با استفاده از عنصر strike میتوان یک خط افقی صاف برروی متون کشید ، این تگ در HTML5 پشتیبانی نمیشود...
در این آموزش به بررسی تگ tr در HTML می پردازیم ، با استفاده از عنصر tr میتوان سطر های جدول را تعریف و ایجاد کرد ، این عنصر درون تگ table استفاده می شود...
با تگ noframes در HTML آشنا شوید؛ کاربرد آن در داخل frameset برای نمایش محتوا در مرورگرهای بدون پشتیبانی از فریمها و نکته مهم عدم پشتیبانی در HTML5....