HTML <source> srcset বৈশিষ্ট্য

HTML <source> ট্যাগ

বিবরণ ও ব্যবহার

srcset এই বৈশিষ্ট্য বিভিন্ন পরিস্থিতিতে ব্যবহৃত চিত্রের URL নির্দেশ করে

যখন <source> ব্যবহৃত হয় <picture> এই পরিস্থিতিতে এই বৈশিষ্ট্য আবশ্যিক

উদাহরণ

দুইটি সোর্স ফাইল এবং একটি রিজার্ভ চিত্র ধারণকারী <picture> ইলেকট্রন

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width:465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

আপনার নিজেই প্রয়াস করুন

সংজ্ঞা

<source srcset="URL">

প্রতিভূত মান

মান বর্ণনা
URL

চিত্রের URL নির্দিষ্ট করা

সম্ভাব্য মান:

  • অসম্পূর্ণ ইউআরএল - আরেকটি সাইটের লক্ষ্য করা (যেমন href="http://www.example.com/flower.jpg"）
  • সম্পূর্ণ ইউআরএল - সাইটের ভিতরের ফাইলকে লক্ষ্য করা (যেমন href="flower.jpg"）

ব্রাউজার সমর্থন

সারণীতে উল্লিখিত সংখ্যা এই অভিন্নতা সম্পর্কে প্রথম পূর্ণাঙ্গ সমর্থনকারী ব্রাউজারের সংস্করণ

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
38.0 13.0 38.0 9.1 25.0

HTML <source> ট্যাগ