v2.5.2
Giriş yap

html picture etiketi

Anonim
364 defa görüntülendi

Picture etiketi sağlıklımı kullanılabilirmi yoksa img src den devam mı edeyim

ugurturkmen
1029 gün önce

Eğer mobilde farklı desktopta farklı bir resim göstereceksek 2 tane img tagı yerine bir picture elementiyle çok daha sağlıklı bir sonuç alabileceğimizi düşünüyorum.
Örnek olarak aşağıdaki gibi bir kullanım olabiliyor. Tabi semantic yapıya uygun bir kodlama var ise picture kullanmak çok daha güzel olacaktır.

<picture>

<source media="(max-width: 768px)" srcset="mobile.jpg"> <!-- mobile -->
<img src="desktop.jpg" > <!-- desktop -->

</picture>