MAP−クライアント側イメージマップ

Appearance: <MAP NAME=string> </MAP>
Attributes: NAME=string
Contents: AREA.
May occur in: BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DT, DD, LI, P, H1, H2, H3, H4, H5, H6, PRE, ADDRESS, TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP, EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, FONT, A, APPLET, CAPTION.

 クライアント側イメージマップを使う際、イメージ内のホット・スポット(クリックする範囲)の情報を設定します。選択できる範囲は、 AREAタグで設定します。NAME属性は、イメージマップの名前設定します。イメージマップのURLは、ここで指定します。

 例えば、"foo"と言う名前のマップが同じページにあれば、 <IMG SRC="map.gif" USEMAP="#foo">で参照できます。

ノート:


USEMAPタグサポート・ブラウザでのグラフィックな誘導の例です。

<img src="navbar.gif" border=0 usemap="#map1">

<map name="map1">
 <area href=guide.html alt="Access Guide" shape=rect coords="0,0,118,28">
 <area href=search.html alt="Search" shape=rect coords="184,0,276,28">
 <area href=shortcut.html alt="Go" shape=rect coords="118,0,184,28">
 <area href=top10.html alt="Top Ten" shape=rect coords="276,0,373,28">
</map>

DTD 3.2仕様
* MAP開始終了タグ必須
 属性にNAME
 内容は、AREA
* AREA開始タグ必須、終了タグは省略可能
 内容をとらない、empty tag
 属性 shape、coords、href、nohref (nohref)、alt
<!--================== Client-side image maps ========================-->

<!-- These can be placed in the same document or grouped in a
     separate document although this isn't yet widely supported -->

<!ENTITY % SHAPE "(rect|circle|poly)">
<!ENTITY % COORDS "CDATA" -- comma separated list of numbers -->

<!ELEMENT MAP - - (AREA)*>
<!ATTLIST MAP
    name    CDATA   #IMPLIED
    >

<!ELEMENT AREA - O EMPTY>
<!ATTLIST AREA
    shape   %SHAPE  rect
    coords  %COORDS #IMPLIED  -- defines coordinates for shape --
    href    %URL    #IMPLIED  -- this region acts as hypertext link --
    nohref (nohref) #IMPLIED  -- this region has no action --
    alt     CDATA   #REQUIRED -- needed for non-graphical user agents --
    >


[関連メモへ]


Web Design Group
Reference indexWilburインデックスタグ概観Feedback

Copyright C 1997 Arnoud "Galactus" Engelfriet.