画像の代わりになるテキストを指定する

[新着] Webテンプレートを仮オープンしました


<img src="" alt="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
置換インライン 空要素

imgタグalt="" を追加すると、画像の代わりになるテキストを指定できます。


<img src="sample.gif" alt="サンプル">


alt="" 代替テキストを記述します

HTML4.01では、alt属性は必須とされています。できるだけ指定しておくようにしましょう。

alt="" に記述したテキストは、次のような場合に使用されます。

【代替テキスト】

alt="" の内容には、その画像の説明を入れるのではなく、画像の代わりになるテキストを記述するようにします。

例えば、TAG indexのタイトルを画像で作成した場合、

<img src="title.gif" alt="サイトのタイトル画像"> ← このように記述するよりも、

<img src="title.gif" alt="TAG index"> ← このような記述の方が適していると考えられます。

※説明文を入れたい場合には、title属性を使うようにします。

【代替テキストが無い場合】

例えばアイコンなどの画像の場合で、代替テキストが特に無い場合には、alt="" の内容を空のまま次のように記述します。

<img src="icon.gif" alt="">


使用例

<p><img src="image/sample.gif" alt="サンプル"></p>

<p><img src="image/sample.jpg" alt="サンプル"></p>

これをブラウザで見ると次のように表示されます

サンプル

サンプル



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版