IMG Etiketi Width ve Height Parametreleri Neden Önemlidir ?
IMG Etiketi ve Parametreleriyle İlgili Bilinmesi Gereken Önemli Bilgiler
IMG Etiketi İle İlgili Kullanım Detayları
IMG Etiketi Width ve Height Parametreleri Neden Önemlidir ?
Img etiketi içerisinde kullanılabilecek parametreler ve parametrelere ait değerlerden bir önceki makalemizde bahsetmiştik .
Eğer img etiketi ile ilgili temel kullanımı bilmiyorsanız IMG Etiketinin Temel Kullanımı makalemizi okumanızı tavsiye ederim .
Öncelikle HTML dökümanımıza eklemek istediğimiz resmin genişliği ve yüksekliğinden bahsedelim . Şimdi genişlik ve yükseklik parametrelerini hatırlayalım .
Width: Eklenmesini istediğimiz resmin pixel cinsinden genişliğini belirleyen parametredir .
Height: Eklenmesini istediğimiz resmin pixel cinsinden yüksekliğini belirleyen parametredir .
Neden genişlik ve yükseklik değeri belirtmeliyiz ?
HTML kodlarımızı yazdıktan sonra bu kodları tarayıcıda görmek istiyoruz . O halde tarayıcılar bizim eklediğimiz öğelere değil kodlara bakar , onları okur diyebiliriz .
Sıra resim etiketine geldiği zaman resim için verilen genişlik ve yüksekliğe bakarak o alanı ilgili resim için ayırır .
Peki bu neden önemlidir ?
Yapmış olduğumuz tasarımın daha düzgün görüntülenmesini sağlayacaktır . Eğer biz genişlik ve yükseklik belirtmez isek yazılarımız resim alanına kayacak , resim yükleme işlemi tamamlanınca yazı da resimde kendi alanına geçecektir .
Biz aslında resim için genişlik ve yükseklik değeri belirterek sabit alanlar tanımlamış oluruz .
Bence SEO açısından da önemlidir .
Bir çoğumuz internette çeşitli işlemler yaparken internetimiz yavaş ise özellikle resimlerin daha geç yüklendiğine şahit olmuşuzdur . Yazılar ve resim sağa sola kayar ve sayfa görüntülenmesi ziyaretçilerin ilgisini çekmeyerek web sayfalarımızı kapatmalarına neden olabilir .
Hatta bu yüzden defalarca sayfayı yenilemek durumunda kalmışızdır.
Bir sonraki yazımız olan Html İle liste Oluşturma adlı makalemize göz atın.