HTML <source> srcset అటీమెంట్

హెచ్టిఎంఎల్ <source> టాగ్

నిర్వహణ మరియు వినియోగం

srcset వివిధ పరిస్థితులలో వాడే చిత్రాల యూఆర్ఎల్స్ నిర్ణయిస్తుంది.

నాటికి <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"))
  • సంబంధిత URL - సైట్ లోని ఫైలులకు మార్గాన్ని సూచిస్తుంది (ఉదా href="flower.jpg"))

బ్రౌజర్ మద్దతు

పట్టికలో గల సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొన్నాయి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
38.0 13.0 38.0 9.1 25.0

హెచ్టిఎంఎల్ <source> టాగ్