役立つ便利なサイト
役に立つフリーソフト
| コラム集：HTMLタグリファレンス |
| ←前コラム 目次 次コラム→ |
|
|
| <AREA>：イメージマップを設定 |
| 分類：HTML/CSS 著者：小田尚志 更新日付：2008/12/12 |
|
HTMLタグでひとつの画像に複数のリンクを設定することを、クライアントサイドイメージマップといいます。 クライアントサイドイメージマップでは、マップ全体を<MAP>タグで定義し、 <MAP>?</MAP>間に<AREA>タグでリンク領域とそのリンク先を指定します。 また、<IMG>タグでマップを適用する画像とその画像が使用するマップ名を指定します。 <AREA>タグで指定するリンク領域の形状には四角形（rect）・円形（circle）・多角形（poly）の3種類があります。 <AREA>タグで指定する複数のリンク領域が重なった場合には、先に指定したリンク領域が優先されます。 ○使用例 HTMLソース <img border="0" src="image/test.gif" usemap="#sample" alt="サンプル" width="500" height="500"> <map name="sample"> <area href="1.htm" shape="rect" alt="四角形" coords="15,19,126,104"> <area href="2.htm" shape="circle" alt="円形" coords="197,69,54"> <area href="3.htm" shape="poly" alt="多角形" coords="306,12,261,109,378,92"> </map> |
|
|
| ←前コラム 目次 次コラム→ |