HTML の <map> 要素はイメージマップ(クリック可能なリンク領域)を定義するために <area> 要素とともに使用します。

コンテンツカテゴリー フローコンテンツ記述コンテンツ、知覚可能コンテンツ
許可されている内容 透過的要素
タグの省略 不可。開始と終了タグの両方が必要。
許可されている親要素 記述コンテンツを受け入れるすべての要素
許可されている ARIA ロール なし
DOM インターフェイス HTMLMapElement

属性

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

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

<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html">
  <area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="https://placehold.it/350x150" alt="350 x 150 pic">

ライブ例

想定されるライブ例の結果

上の live example は、(キーボードの Tab キーを使用すると) 以下の画像のようになるはずです:

left.html へのリンク:

right.html へのリンク

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
<map> の定義
現行の標準  
HTML5
<map> の定義
勧告  
HTML 4.01 Specification
<map> の定義
勧告 初回定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応1 あり11 2 あり あり1
name1 あり1 あり あり1
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応11 あり4 あり あり あり
name11 あり4 あり あり あり

1. Before Firefox 5, in Quirks Mode, empty maps were longer skipped over in favor of non-empty ones when matching.

2. Before Firefox 17, the default styling of the <map> HTML element was display: block;. This is now display: inline; and matches the behavior of the other browsers. It was already the case in Quirks Mode.

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: mfuji09, yyss
 最終更新者: mfuji09,