HTML <map>

クリッカブルマップを作成します。クリッカブルマップとは、クリックするとジャンプできる領域を複数埋め込んだ画像のことです。MAPタグはクリッカブルマップの枠を作成するだけなので、実際のクリック可能領域は <area> タグで配置します。

書式

HTMLはタグ名、属性名及び属性値の大文字と小文字を区別しない。

<map> 
  <!-- transparent -->
</map>

内容モデル

ひとつ以上のブロック要素またはAREA要素

属性

属性は全て省略可能です。

name
img要素のusemap属性によって参照される名前

JavaScript

JavaScriptからは HTMLMapElement インタフェースを通じてmap要素へアクセスできる。

dir
map要素のdir属性
let dir = document.getElementById('map1').dir
id
map要素のid属性
let id = document.getElementById('map1').id
innerText
map要素に含まれるテキスト
let innerText = document.getElementById('map1').innerText
lang
map要素のlang属性
let lang = document.getElementById('map1').lang
name
map要素のname属性
let name = document.getElementById('map1').name
title
map要素のtitle属性
let title = document.getElementById('map1').title

関連記事

参考文献

Web Hypertext Application Technology Working Group (2025) HTML Living Standard