HTML <img> alt属性

HTML <img> タグ

例

指定された代替テキストを持つ画像：

<img src="smiley.gif.html" alt="Smiley face">

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

定義と使い方

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

何らかの理由（ネットワーク速度が遅すぎる、src 属性のエラー、ブラウザで画像が無効になっている、ユーザーがスクリーンリーダーを使用しているなど）でユーザーが画像を表示できない場合、alt 属性は画像の代替情報を提供できます。

注意：ユーザーがマウスを img 要素の上に移動すると、Internet Explorer（9 より前のバージョン）は alt 属性の値をツールチップとして表示します。HTML 仕様によると、この動作は正しくありません。

ヒント：画像にツールチップを作成する必要がある場合は、次を使用してくださいtitle属性！

HTML 4.01 と HTML5 の違い

なし。

構文

<img alt="text">

属性値

值 説明
text 画像の代替テキストを指定します。

alt テキストの使用原則：

  • 画像に情報が含まれている場合は、alt で画像を説明します
  • 画像が <a> 要素内にある場合は、alt でリンク先を説明します
  • 画像が装飾のみの場合は、alt="" を使用してください

HTML <img> タグ その他の拡張