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> ਟੈਗ