Thuộc tính HTML <source> srcset
Thí dụ
Phần tử <picture> có hai tệp nguồn và hình ảnh dự phòng:
<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>
Định nghĩa và Cách sử dụng
Thuộc srcset
tính chỉ định URL của hình ảnh để sử dụng trong các trường hợp khác nhau.
Thuộc tính này là bắt buộc khi <source>
được sử dụng trong
<picture>
.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Attribute | |||||
---|---|---|---|---|---|
srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Cú pháp
<source srcset="URL">
Giá trị thuộc tính
Value | Description |
---|---|
URL | Specifies the URL of the image. Possible values:
|
❮ Thẻ HTML <source>