イメージマップのリンクスポットを作成

AREA要素は、画像の領域ごとに異なるリンクを設定するイメージマップを作るときに、IMG要素MAP要素と組み合わせて使います。MAP要素内で、画像をクリックする各領域をAREA要素で定義します。一つのAREA要素が一つの領域を定義します。また、リンクスポットに重複する領域がある場合は、最初に指定したものが有効になります。たとえば、中心を共有する二つの大きさの違う円をリンクスポットにし、小さい方の円にnohref属性を指定することで、ドーナツ状のリンクを作ることもできます。

<AREA>〜</AREA>

AREAタグ属性

accesskey

ショートカットキーを設定する
tabindex
タブ移動順序を設定する
alt
代替テキストを指定する
coords
リンクスポットの座標位置を指定する
href
リンクスポットのリンク先を指定する
nohref
リンクを無効化する
shape
リンクスポットの形状を指定する
target
ターゲットフレームを指定する
title
リンクスポットの説明を記述する

coords属性

default

なし
rect
左端のX座標、上端のY座標、右端のX座標、下端のY座標
circle
中心のX座標、中心のY座標、半径
poly
頂点のX座標、頂点2のX座標、頂点2のY座標

<IMG src="images/doughnut.gif" usemap="#map">
<MAP name="map">
<AREA shape="circle" coords="50,50,100" nohref alt="ドーナツの穴">
<AREA shape="circle" coords="50,50,300" href="doughnut.html" alt="ドーナツ本体">

</MAP>