<map>

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

コンテンツカテゴリ フローコンテンツ記述コンテンツ、知覚可能コンテンツ
許可されている内容 すべての透過的要素
タグの省略 不可。開始と終了タグの両方が必要。
許可されている親要素 記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール 対応するロールなし
許可されている ARIA ロール 許可されている role なし
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> の定義
勧告 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報