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 को निर्धारित करता है。

संभावित मूल्य:

  • अभिकृत URL - दूसरी वेबसाइट को संदर्भित करता है (जैसे href="http://www.example.com/flower.jpg"）
  • सापेक्षिक URL - वेबसाइट के अंदर के फ़ाइल को संदर्भित करता है (जैसे href="flower.jpg"）

ब्राउज़र समर्थन

तालिका में उल्लिखित संख्याएं पहली बार इस गुण को समर्थन करने वाले ब्राउज़र के संस्करण को सूचित करती हैं।

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
38.0 13.0 38.0 9.1 25.0

HTML <source> टैग