Html

IMG Etiketi Width ve Height Parametreleri Neden Önemlidir ?

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 .

HeightEklenmesini 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.


Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik