HTML <source> srcset کا حصول

ہیپ ٹی پی اینگ <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 تصویر را تعیین می‌کند.

ممکنه‌یارایات:

  • URL‌های مطلق - به وب‌سایت دیگری اشاره دارد (مثلاً href="http://www.example.com/flower.jpg")
  • URL‌های نسبی - به فایل‌های داخل وب‌سایت اشاره دارد (مثلاً href="flower.jpg")

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگری است که این ویژگی را پشتیبانی می‌کند.

کروم کامپاس افراط سافاری اپرا
کروم کامپاس افراط سافاری اپرا
38.0 13.0 38.0 9.1 25.0

ہیپ ٹی پی اینگ <source> کا نشان‌گر