: MAP 要素

最終更新：2026-09-12

<map>MAP 要素

クライアントサイドのイメージマップを定義します。子の <area> 要素がクリック可能領域を表し、<img> の usemap 属性で関連付けます。

<map name="planet">
  <area shape="circle" coords="..." href="...">
</map>

この要素はグローバル属性に加え、以下の属性をサポートします：

属性	値	説明
`name`		Map name; an usemap references it as #name.

下のコードを編集して、playground でリアルタイム結果を確認：

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<map>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： map 自体は何も表示しません。<img usemap> と子の <area> 要素が必要です。

今後さらにケーススタディを追加予定です。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。