イメージマップ

MAP タグで囲んだ中に、AREA タグを使ってイメージマップの形状とリンク先の URL を定義する。 形状/座標は以下の様な種類を指定することができる。 座標が重なっている部分では、先の AREA タグによる指定が優先される。



形状 shape COORDSの指定方法
CIRCLE [中心のX],[中心のY],[半径]
矩形 RECT [左上のX],[左上のY],[右下のX],[右下のY]
多角形 POLYGON [頂点1のX],[頂点1のY],[頂点2のX],[頂点2のY],....,[頂点NのX],[頂点NのY]
領域外 DEFAULT なし


使用例

ちなみに、上のクリッカブルマップは以下の様に書いている。

<img src="sample.gif" usemap="#imagemap">
<map name="imagemap">
<area shape="CIRCLE" coords="60,60,50" href="open_page_1.html">
<area shape="RECT" coords="120,10,220,110" href="open_page_2.html">
<area shape="POLYGON" coords="230,110,280,10,330,110" href="open_page_3.html">
</map>