イメージマップとは？

イメージマップとは一枚の画像に複数のリンクが貼られているものですね。
難しく話をするとクライアントサイドとサーバサイドとか色々ありますが、ここでは簡単なクライアントサイドで作成します。

最近はスライスしてテーブル配置するものとかもありますが、リンクエリアのカタチを丸くしたり色々なカタチにしたいときにはこちらの方が有効ですね。
ただし、画像全体を読み込まないとリンクもできないので、別にテキストリンクを用意したり、画像を極力軽くしたり等の工夫はしておきましょう。

仕上がりはこんな感じになります。リンクは貼ってありません。