HTML <img> usemap属性
例
クリック可能な領域を持つイメージマップ：
<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>
<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 属性をサポートしています。
定義と使い方
usemap 属性は、画像をクライアントサイドイメージマップとして定義します（イメージマップとは、クリック可能な領域を持つ画像のことです）。
usemap 属性は<map>要素の name または id 属性と関連付けられ、<img> と <map> の間の関係を確立します。
注意：usemap 属性は、<img> 要素が <a> または <button> 要素の子孫ではない場合にのみ使用できます。
HTML 4.01 と HTML5 の違い
なし。
構文
<img usemap="#mapname">
属性値
| 值 | 説明 |
|---|---|
| #mapname | ハッシュ文字（ "#" ）に、使用する <map> 要素の name または id を加えたもの。 |
HTML <img> タグ その他の拡張