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

説明
サポート状況一覧
要素のデータ
属性一覧
使用例
DTDとか

説明

１枚の画像のクリックした場所によって異なるファイルにリンクさせる機能であるクリッカブルマップを実現します

サポート状況

文書型定義

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

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

開始タグ	省略不可
終了タグ	省略不可
子要素	(AREA)*
親要素	A　ADDRESS　APPLET　B　BIG　BLOCKQUOTE　BODY　CAPTION　CENTER　CITE　CODE　DD　DFN　DIV　DT　EM　FONT　FORM　H1　H2　H3　H4　H5　H6　I　KBD　LI　P　PRE　SAMP　SMALL　STRIKE　STRONG　SUB　SUP　TD　TH　TT　U　VAR

HTML 4.0 Mobile

開始タグ	省略不可
終了タグ	省略不可
子要素	(AREA)+
親要素	A　ABBR　ACRONYM　BDO　BUTTON　CITE　CODE　DD　DFN　DIV　DT　EM　FIELDSET　FORM　H1　H2　H3　H4　H5　H6　KBD　LABEL　LI　OBJECT　P　Q　SAMP　SPAN　STRONG　VAR

HTML 4.01 Strict

開始タグ	省略不可
終了タグ	省略不可
子要素	(ADDRESS \| BLOCKQUOTE \| DIV \| DL \| FIELDSET \| FORM \| H1 \| H2 \| H3 \| H4 \| H5 \| H6 \| HR \| NOSCRIPT \| OL \| P \| PRE \| TABLE \| UL \| AREA)+
親要素	A　ABBR　ACRONYM　ADDRESS　B　BDO　BIG　BUTTON　CAPTION　CITE　CODE　DD　DEL　DFN　DIV　DT　EM　FIELDSET　H1　H2　H3　H4　H5　H6　I　INS　KBD　LABEL　LEGEND　LI　OBJECT　P　Q　SAMP　SMALL　SPAN　STRONG　SUB　SUP　TD　TH　TT　VAR

HTML 4.01 Transitional

開始タグ	省略不可
終了タグ	省略不可
子要素	(ADDRESS \| BLOCKQUOTE \| CENTER \| DIR \| DIV \| DL \| FIELDSET \| FORM \| H1 \| H2 \| H3 \| H4 \| H5 \| H6 \| HR \| ISINDEX \| MENU \| NOFRAMES \| NOSCRIPT \| OL \| P \| PRE \| TABLE \| UL \| AREA)+
親要素	A　ABBR　ACRONYM　ADDRESS　APPLET　B　BDO　BIG　BLOCKQUOTE　BODY　BUTTON　CAPTION　CENTER　CITE　CODE　DD　DEL　DFN　DIV　DT　EM　FIELDSET　FONT　FORM　H1　H2　H3　H4　H5　H6　I　IFRAME　INS　KBD　LABEL　LEGEND　LI　NOFRAMES　NOSCRIPT　OBJECT　P　Q　S　SAMP　SMALL　SPAN　STRIKE　STRONG　SUB　SUP　TD　TH　TT　U　VAR

HTML 4.01 Frameset

開始タグ	省略不可
終了タグ	省略不可
子要素	(ADDRESS \| BLOCKQUOTE \| CENTER \| DIR \| DIV \| DL \| FIELDSET \| FORM \| H1 \| H2 \| H3 \| H4 \| H5 \| H6 \| HR \| ISINDEX \| MENU \| NOFRAMES \| NOSCRIPT \| OL \| P \| PRE \| TABLE \| UL \| AREA)+
親要素	A　ABBR　ACRONYM　ADDRESS　APPLET　B　BDO　BIG　BLOCKQUOTE　BODY　BUTTON　CAPTION　CENTER　CITE　CODE　DD　DEL　DFN　DIV　DT　EM　FIELDSET　FONT　FORM　H1　H2　H3　H4　H5　H6　I　IFRAME　INS　KBD　LABEL　LEGEND　LI　NOFRAMES　NOSCRIPT　OBJECT　P　Q　S　SAMP　SMALL　SPAN　STRIKE　STRONG　SUB　SUP　TD　TH　TT　U　VAR

ISO-HTML

開始タグ	省略不可
終了タグ	省略不可
子要素	(BLOCKQUOTE \| DIV \| DL \| FIELDSET \| FORM \| HR \| OL \| P \| PRE \| TABLE \| UL \| AREA)+
親要素	A　ABBR　ACRONYM　B　BDO　BUTTON　CAPTION　CITE　CODE　DD　DEL　DFN　DIV　DT　EM　FIELDSET　H1　H2　H3　H4　H5　H6　I　INS　KBD　LABEL　LI　OBJECT　P　Q　SAMP　SPAN　STRONG　SUB　SUP　TD　TH　TT　VAR

ISO-HTML Preparation

開始タグ	省略不可
終了タグ	省略不可
子要素	(BLOCKQUOTE \| DIV \| DL \| FIELDSET \| FORM \| HR \| OL \| P \| PRE \| TABLE \| UL \| AREA)+
親要素	A　ABBR　ACRONYM　B　BDO　BUTTON　CAPTION　CITE　CODE　DD　DEL　DFN　DIV　DT　EM　FIELDSET　H1　H2　H3　H4　H5　H6　I　INS　KBD　LABEL　LI　OBJECT　P　Q　SAMP　SPAN　STRONG　SUB　SUP　TD　TH　TT　VAR

XHTML 1.0 Strict

子要素	((address \| blockquote \| del \| div \| dl \| fieldset \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| hr \| ins \| noscript \| ol \| p \| pre \| script \| table \| ul)+ \| area+)
親要素	a　abbr　acronym　address　b　bdo　big　button　caption　cite　code　dd　del　dfn　div　dt　em　fieldset　h1　h2　h3　h4　h5　h6　i　ins　kbd　label　legend　li　object　p　pre　q　samp　small　span　strong　sub　sup　td　th　tt　var

XHTML 1.0 Transitional

子要素	((address \| blockquote \| center \| del \| dir \| div \| dl \| fieldset \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| hr \| ins \| isindex \| menu \| noframes \| noscript \| ol \| p \| pre \| script \| table \| ul)+ \| area+)
親要素	a　abbr　acronym　address　applet　b　bdo　big　blockquote　body　button　caption　center　cite　code　dd　del　dfn　div　dt　em　fieldset　font　form　h1　h2　h3　h4　h5　h6　i　iframe　ins　kbd　label　legend　li　noframes　noscript　object　p　q　s　samp　small　span　strike　strong　sub　sup　td　th　tt　u　var

XHTML 1.0 Frameset

子要素	((address \| blockquote \| center \| del \| dir \| div \| dl \| fieldset \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| hr \| ins \| isindex \| menu \| noframes \| noscript \| ol \| p \| pre \| script \| table \| ul)+ \| area+)
親要素	a　abbr　acronym　address　applet　b　bdo　big　blockquote　body　button　caption　center　cite　code　dd　del　dfn　div　dt　em　fieldset　font　form　h1　h2　h3　h4　h5　h6　i　iframe　ins　kbd　label　legend　li　noscript　object　p　q　s　samp　small　span　strike　strong　sub　sup　td　th　tt　u　var

XHTML 1.1

モジュール	Client-side Image Map Module
子要素	((address \| blockquote \| del \| div \| dl \| fieldset \| form \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| hr \| ins \| noscript \| ol \| p \| pre \| script \| table \| ul ) \| area )+
親要素	a　abbr　acronym　address　b　bdo　big　button　caption　cite　code　dd　del　dfn　div　dt　em　fieldset　h1　h2　h3　h4　h5　h6　i　ins　kbd　label　legend　li　object　p　pre　q　rb　rt　samp　small　span　strong　sub　sup　td　th　tt　var

属性

◎　＝　必須
○　＝　対応
－　＝　廃止・未対応
（○）　＝　廃止予定・非推奨
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
name	cdata	－	－	－	－	－	－	○	○	－	○	○	○	－	－	1.0	2.0	2.1	－	－	－
name	マップの名前を指定します。

共通属性

属性名	属性の値	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
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	要素に対して補助的な情報を記述します。
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	イベント発生状況
onafterupdate	－	－	－	4.0	－	－	データが正しく送信されたとき。
onbeforecut	－	－	－	4.0	－	－	カットする前。
onbeforepaste	－	－	－	4.0	－	－	ペーストする前。
onbeforeupdate	－	－	－	4.0	－	－	データ送信前。
onclick	○	○	○	4.0	－	6.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	－	－	ドラッグドロップしたとき。
onerrorupdate	－	－	－	5.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	－	－	状態が変更されたとき。
onrowenter	－	－	－	4.0	－	－	行が変更されたとき。
onrowexit	－	－	－	4.0	－	－	行が変更される前。
onscroll	－	－	－	4.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 MAP - - (AREA)*>
<!ATTLIST MAP
    name    CDATA   #IMPLIED
    >

HTML 4.0 Mobile

<!ELEMENT MAP - - (AREA)+ -- client-side image map -->
<!ATTLIST MAP
  %attrs;                              -- %coreattrs, %i18n --
  name        CDATA          #REQUIRED -- for reference by usemap --
  >

HTML 4.01 Strict

<!ELEMENT MAP - - ((%block;) | AREA)+ -- client-side image map -->
<!ATTLIST MAP
  %attrs;                              -- %coreattrs, %i18n, %events --
  name        CDATA          #REQUIRED -- for reference by usemap --
  >

HTML 4.01 Transitional

<!ELEMENT MAP - - ((%block;) | AREA)+ -- client-side image map -->
<!ATTLIST MAP
  %attrs;                              -- %coreattrs, %i18n, %events --
  name        CDATA          #REQUIRED -- for reference by usemap --
  >

HTML 4.01 Frameset

<!ELEMENT MAP - - ((%block;) | AREA)+ -- client-side image map -->
<!ATTLIST MAP
  %attrs;                              -- %coreattrs, %i18n, %events --
  name        CDATA          #REQUIRED -- for reference by usemap --
  >

ISO/IEC 15445(ISO-HTML)

<!ELEMENT MAP         - -  ((%block;)|AREA)+ >

<!ATTLIST MAP
  --The value of the NAME attribute is case sensitive, and the attribute 
    value specification shall be processed as if the declared value were 
    NAME.

    It is recommended that authors of HTML documents specify both ID and
    NAME attributes.  When both attributes are specified, they shall have
    identical values.
  --
    %core;                         -- Element CLASS, ID and TITLE --
    %i18n;                         -- Internationalization DIR and LANG --
    NAME       CDATA     #REQUIRED -- Referenced by USEMAP in <IMG> -->

XHTML 1.0 Strict

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>
<!ATTLIST map
  %i18n;
  %events;
  id          ID             #REQUIRED
  class       CDATA          #IMPLIED
  style       %StyleSheet;   #IMPLIED
  title       %Text;         #IMPLIED
  name        NMTOKEN        #IMPLIED
  >

XHTML 1.0 Transitional

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>
<!ATTLIST map
  %i18n;
  %events;
  id          ID             #REQUIRED
  class       CDATA          #IMPLIED
  style       %StyleSheet;   #IMPLIED
  title       %Text;         #IMPLIED
  name        CDATA          #IMPLIED
  >

XHTML 1.0 Frameset

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>
<!ATTLIST map
  %i18n;
  %events;
  id          ID             #REQUIRED
  class       CDATA          #IMPLIED
  style       %StyleSheet;   #IMPLIED
  title       %Text;         #IMPLIED
  name        CDATA          #IMPLIED
  >

XHTML 1.1

<!ENTITY % map.element  "INCLUDE" >
<![%map.element;[
<!ENTITY % map.content
     "(( %Block.mix; ) | %area.qname; )+"
>
<!ENTITY % map.qname  "map" >
<!ELEMENT %map.qname;  %map.content; >
<!-- end of map.element -->]]>

<!ENTITY % map.attlist  "INCLUDE" >
<![%map.attlist;[
<!ATTLIST %map.qname;
      %XHTML.xmlns.attrib;
      id           ID                       #REQUIRED
      %class.attrib;
      %title.attrib;
      %Core.extra.attrib;
      %I18n.attrib;
      %Events.attrib;
>
<!-- end of map.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
－	－	－	－	－	－	－	－	－	－

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