area
イメージマップの領域設定
<area alt="">
クライアントサイド・イメージマップのリンク領域を設定する要素です。
この要素は、map要素内で使用します。
<div>
<img src="map.gif" alt="サンプル" usemap="#sample">
<map name="sample">
<area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1">
<area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2">
<area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3">
</map>
</div>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
必須属性 | |||
alt | 代替テキスト | テキスト | マップの代わりになるテキスト |
任意属性 | |||
shape | 領域の形状 | rect | 四角形 (初期値) |
circle | 円形 | ||
poly | 多角形 | ||
default | 画像全体 | ||
coords | 領域の座標 | 座標(X,Y) |
rectの場合 … 左上と右下の角の座標(X,Y,X,Y)
circleの場合 … 中心点の座標と半径(X,Y,半径) polyの場合 … すべての角の座標(X,Y,X,Y ...) defaultの場合 … coords属性の指定は不要 |
href | リンク先の指定 | URI | リンク先のURI |
nohref | リンクしない | (nohref) | 値は省略 |
target | リンク先の表示方法 | _blank | 新規のウィンドウに表示 |
_self | 現在のフレーム(ウィンドウ)に表示 | ||
_parent | 親フレームに表示 | ||
_top | フレーム分割を解除してウィンドウ全体に表示 | ||
フレーム名、ウィンドウ名 | 任意のフレーム(ウィンドウ)に表示 (名前はアルファベットで開始) |
- target属性は、Strict DTDでは使用できません。
- nohref属性は、その領域にリンクを設定したくない場合に使用します(href属性の代わりに使用します)。この属性は、値を省略して記述します(XHTMLでは省略不可)。
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- accesskey
- tabindex
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
- onfocus
- onblur