HTML track 标签的 srcset 属性

srcset属性指定在不同情况下使用的图像的URL。用于<img>, <source>标签。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. </head>
  6. <body>
  7. <p>调整浏览器窗口的大小以加载不同的图像。</p>
  8. <picture>
  9. <source media="(min-width:650px)" srcset="/images/img_pink_flowers.jpg">
  10. <source media="(min-width:465px)" srcset="/images/img_white_flower.jpg">
  11. <img src="/images/img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
  12. </picture>
  13. </body>
  14. </html>

定义和用法

srcset属性指定在不同情况下使用的图像的URL。用于<img>, <source>标签。

在<picture>中使用<source>时需要此属性。


语法

  1. <source srcset="URL">