クリッカブルマップ

  • 画像の特定の場所に複数のリンクを張ること
<img src="ファイルパス" usemap="test" />
<map name="test">
    <area shape="形" coords="座標" href="リンク先" />
</map>

shapeには、

rect  → 四角
circle → 丸
poly   → 多角形

と3種類ある

四角の場合は、左上のX座標, Y座標, 右下のX座標, Y座標を指定
丸の場合は、coordsに中心のX座標, 中心のY座標, 半径を指定
多角形の場合は、各頂点の座標を順番に指定
target属性
_blank  → 新しいウィンドウで開く
_self   → 同じウィンドウに表示
_parent → 親フレームに表示
フレーム名、ウィンドウ名 → 指定したname属性値のフレーム、ウィンドウに表示