[新着] Webテンプレートを仮オープンしました
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>
▼これをブラウザで見ると次のように表示されます

