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

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
DTD Strict:使用可 / Transitional:使用可 / Frameset:使用可
タグ 開始タグ:必須 / 終了タグ:なし
分類
子要素

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

この要素は、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
この要素に関連する目的別リファレンス
画像内に複数リンクを設定する