轻松上手,快乐学习!

HTML <source> srcset 属性


实例

一个 <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="鲜花" style="width:auto;">
</picture>
亲自试一试 »

定义和用法

srcset 属性指定在不同情况下使用的图像的 URL。

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


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
srcset 38.0 13.0  38.0 9.1 25.0

语法

<source srcset="URL">

属性值

描述
URL 指定图像的 URL。

可能的值:

  • 绝对 URL - 指向另一个网站 ( 比如 href="http://www.example.com/flower.jpg")
  • 相对 URL - 指向网站中的文件 ( 比如 href="flower.jpg")