HTMLタグ/HTML要素一覧/area 要素

<area alt="">
イメージマップの領域設定

ブラウザ
DTD	Strict：使用可 / Transitional：使用可 / Frameset：使用可
タグ	開始タグ：必須 / 終了タグ：なし
分類	map要素の子要素空要素
子要素	空

クライアントサイド・イメージマップのリンク領域を設定する要素です。

この要素は、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

この要素に関連する目的別リファレンス: 画像内に複数リンクを設定する

カテゴリー