逆引きHTMLリファレンス

俗に言う「クリッカブルマップ」は、画像を使ってリンクを構成するため、次のようなメリットがあります。

• レイアウト構成が環境に依らない
• 見栄えの良いリンクが実現可能

「見栄えの良さ」はHTMLが持たない機能で、それを比較的簡単に実現できるイメージマップはかなりの威力を発揮します。 ただし、以下のようなデメリットも存在します。

• 画像が表示できない環境ではリンクすらできない
• ページが重くなり訪問者に不愉快を感じさせる場合がある
• リンク出来るエリアがわかりにくい

これらのデメリットを回避するため以下の点に気を付けると良いでしょう。

• イメージマップの他にテキストによるリンクも用意する
• 画像のサイズを小さく、減色を行い軽くする
• 直感的にリンクしそうな画像にする
• リンクエリアを分かり易く設定する

イメージマップを構成するために画像が必ず必要になります。 イメージマップに使用するためには、それなりの大きなものがあった方がメニュー構成をし易くなりますので、お持ちでない方は準備する必要があります。

下の画像は１５章で使用する画像ですが、青い部分のエリアをリンク部分に指定します。