मेरे पास दो छवि टैग निम्नानुसार हैं

<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">

और अब मैं इन दो छवियों को srcset विशेषता द्वारा उत्तरदायी के रूप में निम्नानुसार सेटअप करता हूं

<img src="image1.jpg"
     srcset="image1.jpg 150w,
             image2.jpg 300w"
     sizes ="(max-width:991px) 287px,
             (max-width:479px) 125px
             290px"
     alt="">

अब मैं उत्तरदायी आईएमजी टैग में एक ही ऑल्ट में उपरोक्त दो ऑल्ट जोड़ने के लिए संघर्ष कर रहा हूं। मैंने alt="image1, image2" की कोशिश की लेकिन काम नहीं किया। क्या ऐसा करने का कोई तरीका है?

1
Dean Johns 2 अक्टूबर 2018, 14:40

1 उत्तर

सबसे बढ़िया उत्तर

आप चित्र तत्व का उपयोग कर सकते हैं। आप अपनी तस्वीर के लिए अलग-अलग वैकल्पिक विवरण का उपयोग नहीं कर सकते क्योंकि स्रोत तत्व एक वैकल्पिक विशेषता नहीं लेता है। हालांकि यह एक title विशेषता ले सकता है।

नीचे दिए गए उदाहरण को w3schools से देखें जहां वे चित्र तत्व डिफ़ॉल्ट img तत्व को एक सामान्य ऑल्ट टैग देते हैं।

<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>

आप जो चाहते हैं उसे पूरा करने के लिए कस्टम पॉलीफ़िल को रेखांकित करने वाला यह लेख भी सहायक हो सकता है: https://iandevlin.com/blog/2014/12/html5/defining-multiple-captions-and-alt-text-for-responsive-images/

0
Yardboy 2 अक्टूबर 2018, 15:57