HTML <source> 标簽
在 <picture> 标簽中使用 <source> 來設定不同螢幕顯示的圖檔：
<picture>
<source media="(min-width:650px)" srcset="https://static.runoob.com/images/runoob-logo.png">
<source media="(min-width:465px)" srcset="https://static.runoob.com/images/code-icon-script.png">
<img src="https://static.runoob.com/images/mix/hjkg_icon.png" style="width:auto;">
</picture>
表格中的數字表示支援該屬性的第一個浏覽器版本号。
屬性
srcset
38.0
13.0
9.1
25.0
srcset 屬性用于不同情況下顯示的圖檔 URL。
<source> 應用于 <picture> 标簽時需要使用到該屬性。
<source> 标簽是 HTML5 中的新标簽。
值
描述
URL
規定媒體檔案的 URL。
可能的值：
絕對 URL - 指向另一個網站（比如 href="https://www.runoob.com/horse.ogg"）
相對 URL - 指向網站内的一個檔案（比如 href="horse.ogg"）