map 要素

概要

HTML <map> 要素はイメージマップを定義するために、<area> 要素とともに使用します。

• コンテンツカテゴリ フローコンテンツ、フレージングコンテンツ、パルパブルコンテンツ
• 許可された内容 トランスパレント要素
• タグの省略 不可。開始と終了タグの両方が必要。
• 許可された親要素 フレージングコンテンツを受け入れるすべての要素
• DOM インターフェイス HTMLMapElement

属性

この要素はグローバル属性を持ちます。

name

name 属性は、マップを参照可能にするための名前を与えます。この属性は指定しなければならず、値は空文字列ではなく空白文字を含まないものにしなければなりません。name 属性の値は、同一文書内の別の map 要素の name 属性の値と compatibility-caseless 方式で一致してはいけません。id 属性も指定した場合は、両方の属性の値を同一にしなければなりません。

例

<map>
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" />
</map>

仕様

ブラウザ実装状況

Gecko に関する注記

[1] Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2) より Quirks モードでマッチングを行うときに、空ではない map を優先するようにスキップしません。例えば、以下の HTML で考えてみましょう:

<map name="a"></map>
<map name="a">
  <area shape="rect" coords="25,25,75,75" href="#fail">
</map>
<img usemap="#a" src="image.png">

Gecko 5.0 より前は、<img> 要素は 2 番目の空でない map にマッチしました。現在は、空であっても 1 番目の map にマッチします。

[2] Firefox 17 より、<map> HTML 要素のデフォルトスタイルは display: block; ではなく display: inline; になりました。これは他のブラウザの動作と一致しており、また Quirks モードではすでにこのとおりでした。

関連情報

• <a>
• <area>