html picture etiketi
Picture etiketi sağlıklımı kullanılabilirmi yoksa img src den devam mı edeyim
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
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>