例
使用shapeとcoords属性に<a>イメージマップを作成するには、要素：
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
»それを自分で試してみてください 定義と使用法
<a> coords属性はHTML5でサポートされていません。
coordsと一緒に使用される属性shapeにリンクの大きさ、形状、および配置を指定する属性<object>または<img>要素。
左上隅の座標は0,0です。
ヒント：使用して、すべてのブラウザで動作する画像マップを作成するには<area>要素を！
ブラウザのサポート
| 属性 | |||||
|---|---|---|---|---|---|
| coords | サポートされていません | サポートされていません | はい | サポートされていません | はい |
構文
<a coords="value">
属性値
| 値 | 説明 |
|---|---|
| x1,y1,x2,y2 | 場合shape属性に設定されている"rect" 、それは左上隅の座標と矩形の右下隅を指定します |
| x,y,radius | 場合shape属性に設定されている"circle" 、それは円の中心と半径の座標を指定します |
| x1,y1,x2,y2,..,xn,yn | 場合shape属性に設定されている"poly"は、ポリゴンのエッジの座標を指定します。 最初と最後の座標のペアが同じでない場合、ブラウザは、多角形を閉じるために座標最後のペアを追加する必要があります |