★AREA / エリア(client-side image map area)

戻る

AREA / エリア(client-side image map area)


対応

 

H32 H4t H4f H4s   N2 N3 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6    

 

分類

 

開始タグ

終了タグ

無し

コンテント要素

無し

親エレメント

MAP

共通アトリビュート

eventi18n

解説
MAPエレメントのコンテントでクリッカブルマップのハイパーリンク形状および座標(クリック領域)を指定します。
オプション

対応

オプション

説    明

H32H4tH4fH4s
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

SHAPE

(default|rect|circle|poly)

ハイパーリンク形状を指定します。 
 default:全体
 rect:四角形(標準値)
 circle:円
 poly:多角形

H32H4tH4fH4s
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

COORDS

座標

SHAPE属性で指定されたハイパーリンク形状の座標を指定します。座標値は( , )で区切って指定します。

rect:
左上のX座標 , 左上のY座標 , 右下のX座標 , 右下のY座標
circle:
中心のX座標 , 中心のY座標 , 半径  
poly:
各角のX座標Y座標の順で指定し最初と最後は同じ座標を指定して閉じます。

H32H4tH4fH4s
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

HREF

URI

ハイパーリンク先を指定します。

H4tH4fH4s
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

TARGET

FrameTarget

ターゲットフレーム名を指定します。ターゲットフレーム名を指定すると指定したフレームにリンク先のページ内容を表示させることが出来ます。一度に複数のフレームを指定し内容を変えるにはJavaScriptを使用します。

H32H4tH4fH4s
N2N3N4N6N7
O6O7ff1
NA1GA1MO1K2K3
E3E4E5ME5E55E6

NOHREF

(nohref)

HREF属性の代わりに使用して、この領域をクリックした時はリンクしないようにします。他のAREAと領域が重なる場合は先に指定した方が優先です。

H4tH4fH4s
E4E5E55E6

ACCESSKEY

Character

アクセスキーを指定します。例、IE5.0ではACCESSKEY="X"の場合、ALTキーを押しながらXキーを押した時、このリンクにフォーカスが移動します。(IE4.0ではリンククリック。)

H32H4tH4fH4s
E4E5E55E6

ALT

Text

テキストのみ表示される時に画像の代わりに表示される文字列を指定します。必須です。

H4tH4fH4s
E4E5E55E6

CLASS

CDATA

クラス名を指定します。

H4tH4fH4s
E4E5E55E6

ID

ID

IDを指定します。同じ文書内で同じIDは付けられない。

H4tH4fH4s
E4E5E55E6

STYLE

StyleSheet

CSSスタイルシートを設定します。

H4tH4fH4s
N6N7
O6O7ff1
NA1GA1MO1K2K3
E4E5E55E6

TITLE

Text

リンク先の内容を設定します。 IEでは、マウスを近づけたときにバルーンでその内容が表示されます。

H4tH4fH4s
E5ME5E55E6

TABINDEX

NUMBER

TABキーを押したとき、ここで指定した数値の小さい順番にフォーカスが移動します。

H4tH4fH4s
E4E5E55E6

onFocus

Script

JavaScriptでフォーカス獲得時に発生するイベントです。後に続く命令を実行します。

H4tH4fH4s
E4E5E55E6

onBlur

Script

JavaScriptでフォーカス損失時に発生するイベントです。後に続く命令を実行します。

 
使用例
MAPエレメントを参照して下さい。
注意点
HTML4.01ではAエレメントでも座標の定義が出来ます。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/html/area.html
E-mailpokochan@mx1.tees.ne.jp