AREA要素：HTMLリファレンス　～2nd New House～

説明

クリッカブルマップのエリアを指定します。

サポート状況

文書型定義

○: 対応
△: 廃止予定・非推奨
－: 廃止・未対応

HTML										Compact HTML	ISO-HTML
1.0	2.0	2.x	＋	3.0	3.2	4.0 Mobile	4.01 Strict	4.01 Transitional	4.01 Frameset	Compact HTML		Pre
－	－	－	－	－	○	○	○	○	○	○	○	○

XHTML
1.0 Strict	1.0 Transitional	1.0 Frameset	1.1	Basic	MP
○	○	○	○	－	－

ブラウザ

○: 実装
△: 不完全な実装
－: 未実装

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	－	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	－	－	－	－	－	－

要素のデータ

各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素（要素の中身）、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。

HTML 3.2

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

HTML 4.0 Mobile

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

HTML 4.01 Strict

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

HTML 4.01 Transitional

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

HTML 4.01 Frameset

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

ISO-HTML

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

ISO-HTML Preparation

開始タグ	省略不可
終了タグ	無し
子要素	無し
親要素	MAP

XHTML 1.0 Strict

子要素	無し
親要素	map

XHTML 1.0 Transitional

子要素	無し
親要素	map

XHTML 1.0 Frameset

子要素	無し
親要素	map

XHTML 1.1

モジュール	Client-side Image Map Module
子要素	無し
親要素	map

属性

◎　＝　必須
○　＝　対応
－　＝　廃止・未対応
（○）　＝　廃止予定・非推奨
TF または F　＝　TransitionalとFrameset、またはFramesetのみ対応
（TF）または（F）　＝　TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
この表に使われる略称についてはHTMLの要素辞典の見方参照。

固有属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
alt	テキスト	－	－	－	－	－	◎	◎	◎	－	◎	◎	◎	－	－	4.0	3.0	6.0	－	－	－
alt	画像が表示できない時に代わりに表示する文字を指定します。
href	URI	－	－	－	－	－	○	○	○	－	○	○	○	－	－	1.0	2.0	2.1	－	－	－
href	リンク先のURIを指定します。
nohref	nohref	－	－	－	－	－	○	○	○	－	○	○	○	－	－	1.0	2.0	2.1	－	－	－
	false｜true	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	－	－	－	－	－
	リンクなし。
shape	rect｜circle｜poly	－	－	－	－	－	○	○	○	－	○	○	○	－	－	1.0	2.0	2.1	－	－	－
	default	－	－	－	－	－	－	○	○	－	○	○	○	－	－	1.0～4.0	2.0	2.1	－	－	－
	circ｜polygon｜rectangle	－	－	－	－	－	－	－	－	－	－	－	－	－	－	3.0	－	－	－	－	－
	クライアントサイド・イメージマップの領域の形を指定します。 rect 四角形 circle 円 poly 多角形 default 全領域 circ rectangle polygon
coords	座標	－	－	－	－	－	○	○	○	－	○	○	○	－	－	1.0	2.0	2.1	－	－	－
coords	クライアントサイド・イメージマップの領域の座標を指定します。 shape属性の値によってこの属性の値の数や順序が変わり、各座標は「,」で区切って指定します。
target	フレーム・ターゲット名	－	－	－	－	－	－	－	(T)F	－	－	○	○	－	－	3.0	2.0	2.1	－	－	－
target	リンク先の開くフレーム名を指定します。

共通属性

属性名	属性の値	HTML										XHTML				PC Browser			Mobile Browser
属性名	属性の値	1.0	2.0	2.x	＋	3.0	3.2	4.0M	4.01	C	ISO	1.0	1.1	B	MP	IE	NN	O	i	J	Ez
unselectable	on \| off	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
unselectable	要素を選択することを禁じられるかどうか明示します。 on 要素の選択を禁止します off 要素の選択を許します（デフォルト）
atomicselection	false \| true	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.5	－	－	－	－	－
atomicselection	全体で分割不可能なユニットとして要素およびその内容が選択されるに違いないかどうか明示する。 false 要素の内容は個々に選択することができます（デフォルト） true 要素およびその内容は単一のユニットとして単に選択される
language	javascript \| jscript \| vbscript \| vbs	－	－	－	－	－	－	－	－	－	－	－	－	－	－	4.0	－	－	－	－	－
language	スクリプト言語を指定します。
style	スタイルシート	－	－	－	－	－	－	－	○	－	－	○	○	－	－	3.0	4.0	6.0	－	－	－
style	スタイルシートを設定します。
class	クラス名（CDATA）	－	－	－	－	－	－	○	○	－	○	○	－	－	－	3.0	4.0	6.0	－	－	－
	クラス名（NMTOKENS）	－	－	－	－	－	－	－	－	－	－	－	○	－	－	3.0	4.0	6.0	－	－	－
	要素のクラス名を設定します。
id	ID	－	－	－	－	－	－	○	○	－	○	○	○	－	－	3.0	3.0	6.0	－	－	－
id	文書規模で一意的なIDを設定します。
title	テキスト	－	－	－	－	－	－	○	○	－	○	○	○	－	－	4.0	6.0	6.0	－	－	－
title	要素に対して補助的な情報を記述します。
accesskey	１文字	－	－	－	－	－	－	○	○	－	○	○	○	－	－	5.0	7.0	7.0	－	－	－
accesskey	要素部分にショートカット・キーを割り当てます。
tabindex	数値	－	－	－	－	－	－	－	－	－	－	－	－	－	－	5.0	6.0	7.0	－	－	－
tabindex	TABキーを押した時に移動するフォーカスの順番を指定します。
lang	言語コード	－	－	－	－	－	－	○	○	－	○	○	－	－	－	4.0	6.0	－	－	－	－
lang	要素の内容と属性の値の言語を指定します。
dir	ltr \| rtl	－	－	－	－	－	－	○	○	－	○	○	○	－	－	5.0	6.0	－	－	－	－
dir	要素に含まれる文字の文字方向を指定します。 ltr 左から右へ rtl 右から左へ
xml:lang	言語コード	－	－	－	－	－	－	－	－	－	－	○	○	－	－	－	－	－	－	－	－
xml:lang	要素の内容と属性の値の言語を指定します。
xmlns	URL	－	－	－	－	－	－	－	－	－	－	－	○	－	－	－	－	－	－	－	－
xmlns	XMLのネームスペースのURLを指定します。 XHTML 1.1、XHTML Besic、XHTML Mobile Profileの値は'http://www.w3.org/1999/xhtml'

イベント属性

イベント属性名	HTML	XHTML		IE	NN	O	イベント発生状況
イベント属性名	4.01	1.0	1.1	IE	NN	O	イベント発生状況
onbeforecopy	－	－	－	4.0	－	－	コピーする前。
onbeforecut	－	－	－	4.0	－	－	カットする前。
onbeforeeditfocus	－	－	－	5.0	－	－	フォーカスする前。
onbeforepaste	－	－	－	4.0	－	－	ペーストする前。
onclick	○	○	○	4.0	－	6.0	クリックしたとき。
oncontextmenu	－	－	－	5.0	－	－	右ボタンが押されたとき。
oncopy	－	－	－	4.0	－	－	コピーしたとき。
oncut	－	－	－	4.0	－	－	カットしたとき。
ondblclick	○	○	○	4.0	－	6.0	ダブルクリックしたとき。
ondrag	－	－	－	4.0	－	－	ドラッグしたとき。
ondragend	－	－	－	4.0	－	－	ドラッグが終了したとき。
ondragenter	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に重なったとき。
ondragleave	－	－	－	4.0	－	－	ドロップ可能オブジェクト上にあるとき。
ondragover	－	－	－	4.0	－	－	ドロップ可能オブジェクト上に乗ったとき。
ondragstart	－	－	－	4.0	－	－	ドラッグを開始したとき。
ondrop	－	－	－	4.0	－	－	ドラッグドロップしたとき。
onfocus	－	－	－	4.0	－	－	フォーカスされたとき。
onhelp	－	－	－	4.0	－	－	ヘルプキーまたはF1キーが押されたとき。
onkeydown	○	○	○	4.0	－	6.0	キーが押されたとき。
onkeypress	○	○	○	4.0	－	6.0	キーが押され続けているとき。
onkeyup	○	○	○	4.0	－	6.0	キーが離されたとき。
onlosecapture	－	－	－	4.0	－	－	マウスイベント取得状態が変化したとき。
onmousedown	○	○	○	4.0	－	6.0	マウスボタンが押されたとき。
onmousemove	○	○	○	4.0	－	6.0	マウスが移動したとき。
onmouseout	○	○	○	4.0	－	6.0	マウスが離れたとき。
onmouseover	○	○	○	4.0	－	6.0	マウスが重なったとき。
onmouseup	○	○	○	4.0	－	6.0	マウスボタンが離れたとき。
onpaste	－	－	－	4.0	－	－	ペーストしたとき。
onpropertychange	－	－	－	4.0	－	－	プロパティが変更されたとき。
onreadystatechange	－	－	－	5.0	－	－	状態が変更されたとき。
onselectstart	－	－	－	4.0	－	－	選択を開始したとき。

使用例


<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

<head>
  <title>MAP AREA 使用例</title>
</head>

<body>
  <p>
  <map name="clientsidemap">
    <area shape="rect" coords="20,26,113,115" href="map.html" alt="四角" />
    <area shape="circle" coords="104,240,50" href="map.html" alt="丸" />
    <area shape="poly" coords="157,153,168,80,244,68,278,136,224,190" href="map.html" alt="五角形" />
  </map>
  <img src="map.gif" width="300" height="300" alt="" ismap="ismap" usemap="#clientsidemap" />
  </p>
</body>

</html>

表示結果を見る

DTDとか

HTML3.2

<!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 --
    >

HTML 4.0 Mobile

<!ELEMENT AREA - O EMPTY               -- client-side image map area -->
<!ATTLIST AREA
  %attrs;                              -- %coreattrs, %i18n --
  shape       %Shape;        rect      -- controls interpretation of coords --
  coords      %Coords;       #IMPLIED  -- comma separated list of lengths --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  nohref      (nohref)       #IMPLIED  -- this region has no action --
  alt         %Text;         #REQUIRED -- short description --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  >

HTML 4.01 Strict

<!ELEMENT AREA - O EMPTY               -- client-side image map area -->
<!ATTLIST AREA
  %attrs;                              -- %coreattrs, %i18n, %events --
  shape       %Shape;        rect      -- controls interpretation of coords --
  coords      %Coords;       #IMPLIED  -- comma-separated list of lengths --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  nohref      (nohref)       #IMPLIED  -- this region has no action --
  alt         %Text;         #REQUIRED -- short description --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  >

HTML 4.01 Transitional

<!ELEMENT AREA - O EMPTY               -- client-side image map area -->
<!ATTLIST AREA
  %attrs;                              -- %coreattrs, %i18n, %events --
  shape       %Shape;        rect      -- controls interpretation of coords --
  coords      %Coords;       #IMPLIED  -- comma-separated list of lengths --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  target      %FrameTarget;  #IMPLIED  -- render in this frame --
  nohref      (nohref)       #IMPLIED  -- this region has no action --
  alt         %Text;         #REQUIRED -- short description --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  >

HTML 4.01 Frameset

<!ELEMENT AREA - O EMPTY               -- client-side image map area -->
<!ATTLIST AREA
  %attrs;                              -- %coreattrs, %i18n, %events --
  shape       %Shape;        rect      -- controls interpretation of coords --
  coords      %Coords;       #IMPLIED  -- comma-separated list of lengths --
  href        %URI;          #IMPLIED  -- URI for linked resource --
  target      %FrameTarget;  #IMPLIED  -- render in this frame --
  nohref      (nohref)       #IMPLIED  -- this region has no action --
  alt         %Text;         #REQUIRED -- short description --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  >

ISO/IEC 15445(ISO-HTML)

<!ELEMENT AREA        - O  EMPTY >

<!ATTLIST AREA     
  --One of HREF or NOHREF shall be specified.  

    COORDS shall not be specified if SHAPE has the value `default'.

    Authors are very strongly recommended to provide meaningful ALT 
    attributes to support interoperability with speech-based or text-only 
    agents.  The language and direction of the text provided by the ALT 
    attribute are defined by the containing elements.
  --
    %core;                         -- Element CLASS, ID and TITLE --
    %i18n;                         -- Internationalization DIR and LANG --
    ACCESSKEY  CDATA      #IMPLIED -- Accessibility key character --
    ALT        CDATA     #REQUIRED -- Description for text-only UAs --
    COORDS     CDATA      #IMPLIED -- Comma separated list of values --
    HREF       %URI;      #IMPLIED -- This region acts as hypertext link --
    NOHREF     (nohref)   #IMPLIED -- This region has no action --
    SHAPE      %shape;        rect -- Control interpretation of coords --
    TABINDEX   NUMBER     #IMPLIED -- Position in tabbing order -->

XHTML 1.0 Strict

<!ELEMENT area EMPTY>
<!ATTLIST area
  %attrs;
  %focus;
  shape       %Shape;        "rect"
  coords      %Coords;       #IMPLIED
  href        %URI;          #IMPLIED
  nohref      (nohref)       #IMPLIED
  alt         %Text;         #REQUIRED
  >

XHTML 1.0 Transitional

<!ELEMENT area EMPTY>
<!ATTLIST area
  %attrs;
  %focus;
  shape       %Shape;        "rect"
  coords      %Coords;       #IMPLIED
  href        %URI;          #IMPLIED
  nohref      (nohref)       #IMPLIED
  alt         %Text;         #REQUIRED
  target      %FrameTarget;  #IMPLIED
  >

XHTML 1.0 Frameset

<!ELEMENT area EMPTY>
<!ATTLIST area
  %attrs;
  %focus;
  shape       %Shape;        "rect"
  coords      %Coords;       #IMPLIED
  href        %URI;          #IMPLIED
  nohref      (nohref)       #IMPLIED
  alt         %Text;         #REQUIRED
  target      %FrameTarget;  #IMPLIED
  >

XHTML 1.1

<!ENTITY % area.element  "INCLUDE" >
<![%area.element;[
<!ENTITY % area.content  "EMPTY" >
<!ENTITY % area.qname  "area" >
<!ELEMENT %area.qname;  %area.content; >
<!-- end of area.element -->]]>

<!ENTITY % Shape.datatype "( rect | circle | poly | default )">
<!ENTITY % Coords.datatype "CDATA" >

<!ENTITY % area.attlist  "INCLUDE" >
<![%area.attlist;[
<!ATTLIST %area.qname;
      %Common.attrib;
      href         %URI.datatype;           #IMPLIED
      shape        %Shape.datatype;         'rect'
      coords       %Coords.datatype;        #IMPLIED
      nohref       ( nohref )               #IMPLIED
      alt          %Text.datatype;          #REQUIRED
      tabindex     %Number.datatype;        #IMPLIED
      accesskey    %Character.datatype;     #IMPLIED
>
<!-- end of area.attlist -->]]>

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	－	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	－	－	－	－	－	－

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	－	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	－	－	－	－	－	－

<AREA>（クライアントサイド・クリッカブルマップエリア： Client-side image maps area ）

説明

サポート状況

文書型定義

ブラウザ

要素のデータ

HTML 3.2

HTML 4.0 Mobile

HTML 4.01 Strict

HTML 4.01 Transitional

HTML 4.01 Frameset

ISO-HTML

ISO-HTML Preparation

XHTML 1.0 Strict

XHTML 1.0 Transitional

XHTML 1.0 Frameset

XHTML 1.1

属性

固有属性

共通属性

イベント属性

使用例

DTDとか

Internet Explorer（win）							Netscape（win）						Opera
1.0	2.0	3.0	4.0	5.0	5.5	6.0	1.0	2.0	3.0	4.0	6.0	7.0	6.0	7.0
○	○	○	○	○	○	○	－	○	○	○	○	○	○	○

iMode					J-sky			EZ
1.0	2.0	3.0	4.0	5.0	1.0	2.0	3.0	1.0	2.0
－	－	－	－	－	－	－	－	－	－