คุณสมบัติ srcset ของ HTML <source>

HTML แบบฟอร์ม <source>

การใช้งานและการเข้ารหัส

srcset คุณสมบัตินี้กำหนด URL ของรูปภาพที่ใช้ในสถานการณ์ต่าง ๆ

เมื่อใช้ <source> <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>

ทดสอบด้วยตัวเอง

วลี

<source srcset="URL">

ค่าของอุปกรณ์

ค่า คำอธิบาย
URL

กำหนด URL ของรูปภาพ

ค่าที่เป็นไปได้:

  • URL แบบยาว - หนุ่มหนาวที่จะไปยังเว็บไซต์อื่น (เช่น href="http://www.example.com/flower.jpg"）
  • URL แบบสั้น - หนุ่มหนาวที่จะไปยังเอกสารภายในเว็บไซต์ (เช่น href="flower.jpg"）

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางหมายถึงรุ่นการใช้งานแรกที่สนับสนุนคุณสมบัตินี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

HTML แบบฟอร์ม <source>