Smart Communication Design Company
ホーム > ナレッジ > 用語集 > Web制作用語集 > HTML用語集 > map要素

map要素

map要素は、イメージマップを作成するための要素です。
area要素を用いて、イメージマップ内の領域やリンクを示すことができます。

name属性でmap要素に名前を指定することができます。map要素のname属性と同じ値を、img要素object要素のusemap属性に持たせることで、map要素を関連付けることができます。

map要素のname属性は、map要素がid属性を持つ場合、値を一致させなければならないことに注意が必要です。

使用例

<img src="dummy.png" usemap="#imageMapName" alt="テキストテキスト" width="180" height="90">
<map name="imageMapName">
<area shape="rect" coords="20, 20, 70, 70" href="$$$dummy$$$" alt="左から20px、上から20pxに位置する50px×50pxの四角いリンク">
<area shape="circle" coords="115, 45, 25" href="$$$dummy$$$" alt="左から115px、上から45pxに円の中心が位置する半径25pxの丸いリンク">
</map>

使用可能な属性

コンテンツカテゴリ

子要素にしていい要素の種類

親要素にしていい要素の種類

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2017年8月22日