Middle

Turli ekran o'lchamlari uchun turli rasmlarni yuklashga yordam beradigan HTML tegini qaysi?

sobes.tech AI

AIdan javob

HTMLda ekran rezolyutsiyasiga qarab turli tasvirlarni yuklash uchun <picture> tegidan foydalaniladi. Uning ichida, tasvirni tanlash uchun shartlarni belgilovchi media atributiga ega bir nechta <source> va zaxira tasvir bilan <img> tegini ko'rsatish mumkin.

Misol:

<picture>
  <source media="(min-width: 800px)" srcset="large.jpg">
  <source media="(min-width: 400px)" srcset="medium.jpg">
  <img src="small.jpg" alt="Tasvir misoli">
</picture>

Bu misolda, brauzer ekran kengligi 800px yoki undan ko'p bo'lsa, large.jpg ni tanlaydi, 400px dan 799px gacha bo'lsa, medium.jpg, va kichik ekranlar uchun small.jpg ni tanlaydi.

Shuningdek, oddiy holatlar uchun <img> tegida srcset atributidan foydalanib, turli tasvirlarni ularning o'lchamlari bilan ko'rsatish mumkin.

Oldingi Keyingi