●タグ | <AREA> | ||||||||
●構文 |
<AREA SHAPE="xxx" COORDS="yyy">
| ||||||||
●説明 | 画像に対してイメージマップを指定し、その画像のどの部分をクリック位置に指定するのかを定義するものです。 クリック位置には、上記のように3種類の形状が指定可能で、それぞれ「四角形」「円」「多角形」となっています。 クリック位置の形状により、その領域の指定方法が異なるので注意が必要です。 下記に(下手くそな)図がありますので、直感的に理解しましょう。
| ||||||||
●HTML4.0 | AREA要素 | ||||||||
●サンプル | 以下2つのHTMLファイルと画像ファイルで構成(実際に表示) |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>イメージマップ</TITLE> </HEAD> <BODY> <IMG SRC="imagemap.gif" ALT="メニュー" BORDER="0" WIDTH="150" HEIGHT="270" USEMAP="#menu"> <MAP NAME="menu"> <AREA SHAPE="rect" COORDS="7,7,143,60" HREF="15-01-2.html"> <AREA SHAPE="circle" COORDS="75,105,35" HREF="15-01-2.html"> <AREA SHAPE="polygon" COORDS="7,170,143,170,143,210,70,260,7,210" HREF="15-01-2.html"> </MAP> </BODY> </HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN"> <HTML> <HEAD> <TITLE>イメージマップ</TITLE> </HEAD> <BODY> <A HREF="15-01-1.html">戻る</A> </BODY> </HTML>