其の29　画像の属性を正しく記述する

Webサイト上に画像を表示させるには< img >タグを使用する。< img src="フォルダ名/ファイル名" >といったように記述すれば、指定した画像がブラウザ上に表示される。

ただ、ソース上に< img >タグを記述する際には、画像のファイル名やフォルダ名以外にも記述しなければならない属性がある。

widthおよびheight属性を省略しても、ブラウザ上では問題なく表示されているように見える。だが、実はこれらを省略してしまうと、ブラウザ自体が画像を読み込む準備ができなくなってしまい、画像の表示速度が下がってしまう。

また、画像が何らかの原因で表示されなかった場合、widthおよびheight属性が指定されていないと、その画像の下にある要素が上部に寄せられ、レイアウトが崩れてしまうので注意したい【1】【2】【3】。