<MAP> …… ひとつの画像に複数のリンクを設定する(イメージマップ)
![Internet Explorer4](../images/b_i4.gif)
![Internet Explorer5](../images/b_i5.gif)
![Internet Explorer5-mac](../images/b_i5mac.gif)
![Internet Explorer5.5](../images/b_i55.gif)
![Internet Explorer6](../images/b_i6.gif)
![Internet Explorer7](../images/b_i7.gif)
![Internet Explorer8](../images/b_i8.gif)
![Netscape4](../images/b_n4.gif)
![Netscape6](../images/b_n6.gif)
![Netscape7](../images/b_n7.gif)
![Opera6](../images/b_o6.gif)
![Opera7](../images/b_o7.gif)
![Opera8](../images/b_o8.gif)
![Opera9](../images/b_o9.gif)
![Firefox1](../images/b_f1.gif)
![Firefox2](../images/b_f2.gif)
![Firefox3](../images/b_f3.gif)
![Google Chrome1](../images/b_gc1.gif)
![Google Chrome2](../images/b_gc2.gif)
![Google Chrome3](../images/b_gc3.gif)
![Google Chrome4](../images/b_gc4.gif)
![Google Chrome5](../images/b_gc5.gif)
広告
このページでは、HTML4のmap要素を解説しています。
map要素の最新情報は、以下を参照してください。
HTMLタグでひとつの画像に複数のリンクを設定することを、
クライアントサイドイメージマップといいます。
クライアントサイドイメージマップでは、
マップ全体を<MAP>タグで定義し、<MAP>~</MAP>間に
<AREA>タグでリンク領域とそのリンク先を指定します。
また、<IMG>タグでマップを適用する画像とその画像が使用するマップ名を指定します。
<img border="0" src="sample/area.gif" usemap="#sample"
alt="サンプル" width="384" height="128">
<map name="sample">
<area href="area.htm" shape="rect" alt="四角形" coords="15,19,126,104">
<area href="area.htm" shape="circle" alt="円形" coords="197,69,54">
<area href="area.htm" shape="poly" alt="多角形" coords="306,12,261,109,378,92">
</map>
↓↓↓
広告