خصوصية srcset لـ HTML <source>

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

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

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

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

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

Chrome Edge Firefox Safari opera
Chrome Edge Firefox Safari opera
38.0 13.0 38.0 9.1 25.0

مصدر HTML <source>