HTML 参考手册

HTML 标签大全

HTML: <area> alt 属性

如果无法显示图像，则alt属性指定区域的替代文本。如果用户由于某种原因无法查看图像（由于连接速度慢，src属性错误或用户使用屏幕阅读器），则alt属性为图像提供替代信息。

在线示例

带有可点击区域的图像映射：

示例

!DOCTYPE　html>
<html>
<title>HTML:<area>　alt　属性　-　基础教程网　oldtoolbag.com</title>
<body>
<p>单击太阳或其中一个行星以近距离观察它</p>
<img　src="planets.gif"　width="145"　height="126"　alt="Planets"　usemap="#planetmap">
　　<map　
　　　　　　name="planetmap">
　　<area　shape="rect"　coords="0,0,82,126"　href="sun.html"　alt="Sun">
　　<area　shape="circle"　coords="90,58,3"　href="mercur.html"　alt="Mercury">
　　<area　shape="circle"　coords="124,58,8"　href="venus.html"　alt="Venus">
　　</map>　　
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

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

HTML 4.01 と HTML5の違い

HTML 4.01中、alt属性は必須です。
HTML5中、href属性が存在する場合にのみalt属性が必要です。href属性が存在しない場合、alt属性を使用すべきではありません。

構文

<area alt="text">

属性値

値	説明
text	画像が表示されない場合の指定範囲の代替テキストを設定します。

HTML <area> タグ

HTML: <template> タグ