HTML <area> alt属性
HTML <area> タグ例
クリック可能な領域を持つ画像マップ：
<img src="planets.gif.html"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
試してみる »
ブラウザサポート
すべての主要ブラウザは alt 属性をサポートしています。
定義と使い方
alt 属性は必須の属性であり、画像が表示できない場合の代替テキストを指定します。
以下の理由によりユーザーが画像を表示できない場合、alt 属性は画像の代替情報を提供できます：
- ネットワーク速度が遅すぎる
- src 属性のエラー
- ブラウザで画像が無効になっている
- ユーザーがスクリーンリーダーを使用している
href 属性を使用する場合、alt 属性が必要です。
HTML 4.01 と HTML5 の違い
HTML 4.01 では alt 属性は必須です。
HTML5 では、href 属性を使用した場合のみ alt 属性が必要です。href 属性を使用しない場合、alt 属性も使用する必要はありません。
構文
<area alt="text">
属性値
| 值 | 説明 |
|---|---|
| text | 画像が表示できない場合に、領域の代替テキストを指定します。 |
その他の拡張