مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل آموختیم که چگونه از تگ small استفاده نماییم؛ به کمک این تگ می توان متن های کوچکتری را ایجاد نمود.
در ادامه این دوره ، این جلسه را به آموزش کار با تگ source در HTML اختصاص داده ایم.
آموزش کار با تگ source در HTML
به مثال زیر توجه نمایید.
در این مثال دو پخش کننده صوتی با دو فایل منبع یا فایل source درون کدها جایگذاری شده است.
مرورگر بسته به آن که از کدام یک از این فایل ها پشتیبانی می نماید؛ دست به انتخاب یکی از آن ها می زند.
مثال :
| <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> |
تعریف و کاربرد
از تگ source برای مشخص کردن منابع چندرسانه ای، مانند video و audio و picture استفاده می شود.
تگ source به شما امکان می دهد فایلهای ویدیویی، صوتی، تصویری جایگزینی را انتخاب کنید که مرورگر بر اساس نوع رسانه ، پشتیبانی کدک یا کوئری رسانه می تواند از بین آنها دست به انتخاب بزند.
پشتیبانی مرورگر ها
در جدول زیر می توانید ببینید که آیا مرورگرهای مختلف از تگ source پشتیبانی می کنند یا خیر.
| عنصر |  |  |  |  |  |
| <source> | ۴٫۰ | ۳٫۵ | ۱۰٫۵ | ۴٫۰ | ۹٫۰ |
تفاوت بین HTML 4.01 و HTML5
تگ source در HTML5 تگ جدیدی محسوب می شود.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| src | URL | این خصیصه مسیر فایلی که قرار است اجرا شود را مشخص می نماید.
وجود این خصیصه وقتی از <source> در <audio> و <video> استفاده می کنید؛ ضروری است. |
| srcset | URL | این خصیصه مسیر فایلی را که قرار است در حالت های مختلف صفحه نمایش اجرا شود را تعیین می کند.
این خصیصه هنگام استفاده از <source> در <picture> ضروی است. |
| media | media_query | از این خصیصه برای تعیین حالت های مختلف هنگام نمایش صفحه وب استفاده می شود. |
| sizes | – | اندازه تصویر را برای طرح بندی صفحه های مختلف مشخص می کند؛ تا واکنش گرایی یا خاصیت ریسپانسیو را در آن ایجاد نماید. |
| type | MIME-type | این خصیصه نوع محتوایی رسانه را مشخص می نماید. |
خصیصه های سراسری Global Attributes
تگ <small> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <small> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
ندارد.
کلام آخر
در این جلسه با آموزش کار با تگ source در HTML همراه شما بودیم و آموختیم که از تگ source برای مشخص کردن منابع چندرسانه ای استفاده می شود.
در جلسه بعدی شما را با تگ span آشنا می نماییم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
