クライアントサイドイメージマップ
HTMLタグでひとつの画像に複数のリンクを設定すること
- マップ全体をmapタグで定義する
- ＜map～＜／map＞間に ＜area＞＜／area＞タグでリンク領域とそのリンク先を指定する。
- また、img alt=”” タグでマップを適用する画像とその画像が使用するマップ名を指定する。
例
＜img usemap=”#sample” src=”area.gif” border=”0″ alt=”サンプル” width=”384″ height=”128″ /＞
＜map name=”sample”>
＜area shape=”rect” coords=”15,19,126,104″ href=”area1.htm” alt=”四角形”＞＜／area＞
＜area shape=”circle” coords=”197,69,54″ href=”area2.htm” alt=”円形”＞＜／area＞
＜area shape=”poly” coords=”306,12,261,109,378,92″ href=”area3.htm” alt=”多角形”＞＜／area＞
＜／map＞