HOME >> HTML > 画像が表示されない場合のコメント

point 画像が表示されない場合のコメント

<IMG src="URL(画像のアドレス)" alt="画像の代わりとなるコメント">
alt属性は、サーバーがダウンするなどで画像の読み込みに失敗した時や、画像を表示できないブラウザを使っている、または画像を表示しないように設定しているなどの場合に、画像の代わりにコメントを表示する属性です。
また、alt属性を指定した画像が表示されている場合、その画像の上にマウスポインタを置くと吹出しの形でコメントが表示されます。(下にある例で試してみてね。)

なお、このコメントは、基本的には画像が表示されない時に表示されるものなので、画像に関係のある情報を記入した方がいいです。例えばタイトルのロゴの画像の場合は「タイトルです。」とか、リンクの貼ってある画像の場合は、リンク先のサイト名や説明などを記入するようにしましょう。

画像が表示された場合
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
ライオンのイラストです
画像が表示されなかった場合
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
ライオンのイラストです
ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<IMG src="reo.gif" alt="ライオンのイラストです">
</BODY>
</HTML>
スポンサード・リンク
Copyright ©2001〜2011 まさぼ〜 All Right Reserved