usemap 属性は、イメージマップ（イメージマップはクリック可能な領域を持つ画像です）などの画像（またはオブジェクト）を指定します。
usemap 属性は、<map> 要素の name または id と紐づいて、<img> と <map> 間の 関係を作ります。
注: <img> が <a> または <button> 要素の子孫の場合、usemap 属性は使用することができません。
usemap 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <img> | usemap |
| <object> | usemap |
クリック可能なエリアを持つイメージマップ：
<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.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Try it Yourself ❯
イメージマップを使用している <object> 要素：
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Try it Yourself ❯
usemap 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| img | Yes | Yes | Yes | Yes | Yes |
| object | サポートなし | Yes | Yes | サポートなし | サポートなし |