HTML <source> srcset katangian

HTML <source> 标籤

Paglilinaw at Paggamit

srcset Ang katangian na ito ay nagbibigay ng URL ng imahe na gagamitin sa iba't ibang sitwasyon.

Kapag ginagamit ang <source> para sa <picture> Sa panahon na ginagamit ang <source>, ang katangian na ito ay kinakailangan.

Eksemplo

Isang <picture> elemento na naglalaman ng dalawang sumber ng file at isang alternatibong imahe:

<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"）

瀏覽器支持

表中的數字注釋了首個完全支持該屬性的瀏覽器版本。

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

HTML <source> 标籤