HTML <source> srcset ປະສົມອາດີດ

HTML <source> ວັດຖຸ

ການອະທິບາຍແລະການນໍາໃຊ້

srcset ປະກອບການທີ່ກໍານົດທີ່ຈະໃຊ້ໃນຫລາຍການຕິດຕາມຂອງພາບ.

ເມື່ອ <source> ໃຊ້ <picture> ໃນຂະນະທີ່ໃຊ້ <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> ວັດຖຸ