HTML リファレンスマニュアル

HTMLタグ一覧

HTML: <img> alt 属性

ユーザーが何らかの理由で画像を表示できない場合（接続速度が遅い、src属性が間違っている、またはユーザーがスクリーンリーダーを使用している場合）、alt属性は画像に代替情報を提供します。画像が表示されない場合、alt属性を使用して画像の代替テキストを指定する必要があります。

　HTML <img> タグ

オンラインサンプル

代替テキストを指定した画像：

例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　alt　属性　-　基本教程網　oldtoolbag.com</title>
<body>
<img　src="haha-no.gif"　alt="haha　face"　width="42"　height="42">
</body>
</html>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがalt属性をサポートしています。

定義と用法

alt属性は必須属性で、画像が表示できない場合の代替テキストを指定します。

画像が表示できない場合、alt属性を使用して画像の代替テキストを指定する必要があります。

ユーザーが何らかの理由で画像を表示できない場合（接続速度が遅い、src属性が間違っている、またはユーザーがスクリーンリーダーを使用している場合）、alt属性は画像に代替情報を提供します。

注意：ユーザーがimg要素にマウスを乗せると、Internet Explorer （9 以前のバージョンでは、alt属性の値をツールチップとして表示していました。HTML規格に従うと、このような行為は正しくありません。

ヒント：画像にツールチップを作成する必要がある場合は、 title 属性！

HTML 4.01 HTMLと5の違い

ありません。

文法

<img alt="text">

属性値

値	説明
text	画像の代替テキストを指定します。 altテキストの使用原則：画像に情報が含まれている場合、altで画像を説明します画像が<a>要素内に含まれている場合、altで目的リンクを説明します装飾用の画像の場合は、alt=""を使用してください

　HTML <img> タグ

HTML: <template> タグ