James L. Seidman / A Proposed Extension to HTML: Client-Side Image Maps, December 1, 1995.クライアントサイド・クリッカブルマップは <IMG ISMAP>と 同じように IMGタグに USEMAP属性を付加することによって、 使用できます。そして、座標とURLの対応を記述したマップの作成には、 <MAP>タグを使用します。
map_file#map_name
のようになります。map_fileはURL形式で記述できるため、リ モートホストのファイルも指定できます。また、同一文書内にマップ がある場合は省略します。map_nameは<MAP>= タグのNAME属性で指定した名前です。
同一文書: <IMG SRC="image_url" USEMAP=map> 別の文書: <IMG SRC="image_url" USEMAP=mapfile.html#map> リモートホスト: <IMG SRC="image_url" USEMAP=http://foo.co.jp/mapfile.html#map>USEMAP を使用すると、イメージの回りがハイパーリンクされたように 色が変わります。BORDER属性によって、隠すこともできます。
なお、サーバ側のクリッカブルマップ機能にも対応できるように、 USEMAPはISMAPと一緒に用いても構いません。例え ば、下記のように両方を記述した場合、
<IMG SRC="image.gif" USEMAP="map" ISMAP>クライアント、サーバサイドクリッカブルマップ機能をサポートして いるブラウザはクライアントサイドが優先されます。しかし、サーバ サイドマップ機能しかサポートしていないブラウザに対応させる場合 は、両方記述しておく方が親切です。
HREFはクリックした時のハイパーリンク先を記述します。そ して、NOHREFは何も実行しない事を指定します。
この NOHREF は、例えばクリック範囲を重ね書きし、ある部分だけハ イパーリンクを除外したい場合等に用いることができます。マップは 最初の行から評価されるので、優先したい範囲を前に記述します。 ある部分だけ除外するには、まず除外したい範囲(NOHREF)を記述 し、次に範囲全体をHREFで記述すれば、除外したい部分だけハイパー リンクポイントとなりません。(例)
<MAP NAME=toolbar> <AREA SHAPE=circle COORDS="33,25,20" HREF="http://www.lab.kdd.co.jp/"> <AREA COORDS="79,10,135,43" HREF="http://w3.lab.kdd.co.jp/"> <AREA COORDS="230,8,286,43" HREF="http://holmes.inoc.imnet.ad.jp/"> </MAP> <A HREF="imagemap.html"><IMG SRC="img/toolbar.gif" USEMAP="#toolbar"></A>
クライアントサイドイメージマップの場合、マ ウスをポイントする前に、ハイパーリンクの先がわかります。NOHREF の例として次のようなドーナツ状のハイパーリ ンクポイントを作ってみました。まず中央の小さな円を NOHREF で登録し、全 体の円をハイパーリンクポイントとして登録します。
<MAP NAME=donatsu> <AREA SHAPE=circle COORDS="80,80,30" NOHREF> <AREA SHAPE=circle COORDS="80,80,80" HREF="http://www.kdd.co.jp/"> </MAP> <IMG BORDER=0 SRC="img/donatsu.gif" USEMAP="#donatsu">