آموزش و يادگيري تگ source در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <source> آشنا مي‌شويم. اين تگ براي تعريف منابع چندگانه براي عناصر چندرسانه‌اي مثل <audio> و <video> استفاده مي‌شود.

تگ source در HTML چيست؟

تگ <source> به مرورگر مي‌گويد که چند فايل رسانه‌اي براي پخش وجود دارد و مرورگر مناسب‌ترين فرمت را انتخاب کند. معمولاً اين تگ داخل <audio> يا <video> قرار مي‌گيرد و خود بسته نيست (self-closing).

مثال ساده براي ويدئو

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  مرورگر شما از ويدئو پشتيباني نمي‌کند.
</video>

در اين مثال، مرورگر ابتدا فايل MP4 و اگر پشتيباني نشد، فايل OGG را پخش مي‌کند.

مثال ساده براي صدا

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  مرورگر شما از صدا پشتيباني نمي‌کند.
</audio>

همين روش براي فايل‌هاي صوتي نيز کاربرد دارد و باعث مي‌شود که سازگاري با مرورگرهاي مختلف حفظ شود.

ويژگي‌هاي مهم تگ source

نکات مهم درباره source

• تگ <source> بايد داخل <audio> يا <video> قرار گيرد.
• مرورگر از اولين فايل سازگار استفاده مي‌کند و بقيه را ناديده مي‌گيرد.
• مي‌توان ويژگي media را براي مشخص کردن شرايط نمايش (مانند اندازه صفحه) استفاده کرد.

براي يادگيري کامل استفاده از عناصر چندرسانه‌اي و مديريت فايل‌هاي صوتي و تصويري، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.