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="Flowers" style="width:auto;">
</picture>
自己動手試一試 »
定義和用法
srcset 屬性指定了在不同情況下使用的影像的 URL。
當在 <code class="w3-codespan"> <picture> 中使用 <code class="w3-codespan"><source> 時，此屬性是必需的。
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
語法
<source srcset="URL">
屬性值
| 值 | 描述 |
|---|---|
| URL | 指定影像的 URL。 可能的值
|
<!DOCTYPE html>
