Thuộc tính HTML <source> srcset

❮ Thẻ HTML <source>

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 srcsettí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:

  • An absolute URL - points to another web site (like href="http://www.example.com/flower.jpg")
  • A relative URL - points to a file within a web site (like href="flower.jpg")

❮ Thẻ HTML <source>