HTML <source> srcset属性

HTML <source> ƙaddar

tarihin samfuri da amfani

srcset tarihin URL na tasiri a cikin waɗannan abubuwan:

kai tsaye <source> za a yi amfani da shi <picture> a wuri daya a wannan lokaci yana da dacewa.

farin ciki

wannan yana da ke daidaiwa abin da abin da wanda ke da gurɗe ɗaya da gurɗe ɗaya a matsayin abin shaɓaɓa:

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  
  Flowers

亲自试一试

语法

属性值

值 描述
URL

规定图像的 URL。

可能的值：

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

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

HTML <source> ƙaddar