Thuộc tính srcset HTML <source>
Ví 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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính srcset
chỉ định URL của hình ảnh sẽ sử dụng trong các tình huống 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 này.
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ẻ <nguồn> HTML