見た事ありませんか？

時々、画像データを沢山使っていてデザインはすごくきれいなのに、表示しきるまでに画面が何回も書き換えられたりするページがあります。
そんなページを見た事はないてですか？
最初は小さな四角で表示されるけれどもど、しばらくすると画像のサイズになって、周りの文字とかを押しのけて表示される画像。
でっかいタイトル画像データがはってあるために、それが読み込み終わるまで下のメニューが出てこない重たいページ

なんでこんな事が起こるのかというと、そのままではブラウザは画像があるって事は分かってもそのサイズが分からない。
だから、とりあえず小さい四角で表示しておいて後から変えたりする。
ブラウザによっては、画像のサイズが特定できないと続きを表示しなかったりもする。

ではどうする？

画像データを貼り付けるには、<IMG SRC="./img/sample06.gif"> こんな感じですぐ出来ますが
実際にはこれだけではちょっと、足りないのです。
ここに、画像サイズの指定を追加してあげるのです。
つまり、この画像のサイズは88×31なので
<IMG SRC="./img/sample06.gif" WIDTH=88 HEIGHT=31>
としてあげるのです。

この方法は画像ファイルがなくても、レイアウト上はそのサイズで枠を取ってくれるので、もしも画像データが読み込めなくてもウェブページのデザインが崩れません。
また、他人の掲示板に画像データを張る時などは、ちゃんとこれを指定してあげる事がマナーでしょう。

記述方法	表示イメージ
<IMG SRC="./img/sample06.gif" WIDTH=88 HEIGHT=31>
ないファイルの指定 <IMG SRC="./img/sample06-1.gif" WIDTH=88 HEIGHT=31>