HTML <source> 标签srcset属性

• 

  <source>标签srcset属性定义和用法

  srcset属性指定在不同情况下使用的图像的URL。
  在<picture>中使用时需要此属性。

• 

  <source>标签srcset属性浏览器支持

  Edge/IE	Chrome	FireFox	Safari	Opera
  支持	38.0（含）以上	38.0（含）以上	9.1（含）以上	25.0（含）以上

• 

  HTML4.01和HTML5之间的差异

  <source>标记是HTML5中的新标记。

• 

  <source>标签srcset属性语法

  <source srcset="URL">

• 

  <source>标签srcset属性实例

  <picture>
    <source media="(min-width: 650px)" srcset="/images/fj3.jpg">
    <source media="(min-width: 465px)" srcset="/images/fj2.jpg">
    <img src="/images/fj1.jpg" alt="fj" style="width:auto;">
  </picture>
  

  尝试一下
• 

  <source>标签srcset属性值

  属性值	描述
  URL	指定媒体文件的URL。 可能的值： 绝对URL - 指向另一个网站（srcset=“http://www.example.com/flower.jpg”） 相对URL - 指向网站中的文件（如srcset=“flower.jpg”）