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
- HTML5で廃止された属性
- nohref
