HTML <a> coords属性
HTML <a> タグ例
以下の例では、<a> 要素で shape と coords 属性を使って画像マップを作成します：
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">太陽</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">太陽</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">水星</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">金星</a>
</map>
</object>
試してみる »
ブラウザサポート
現在、coords 属性をサポートしているのは Firefox と Opera ブラウザのみです。
定義と使い方
HTML5 では <a> タグの coords 属性はサポートされなくなりました。
coords 属性は通常、shape属性と一緒に使用され、2つの属性で <object> または <img> 要素内のリンクの寸法、形状、位置を指定できます。
左上隅の座標は 0,0 です。
ヒント：すべてのブラウザで動作する画像マップを作成するには、<area>要素を使用してください。
構文
<a coords="value">
属性値
| 值 | 説明 |
|---|---|
| x1,y1,x2,y2 | shape 属性が "rect" に設定されている場合、この値は矩形の左上隅と右下隅の座標を指定します。 |
| x,y,radius | shape 属性が "circ" に設定されている場合、この値は円の中心の座標と半径を指定します。 |
| x1,y1,x2,y2,..,xn,yn | shape 属性が "poly" に設定されている場合、この値は多角形の各辺の座標を指定します。最初の座標と最後の座標が一致しない場合、多角形を閉じるためにブラウザは最後の座標のペアを追加する必要があります。 |
その他の拡張