HTML <map> name属性

HTML <map> タグ

定義と用法

必須 name 属性が画像マップの名前を指定します。

name 属性と <img> の usemap属性 関連付けし、画像とマップ間で関係を築きます。

例

クリック可能なエリアを持つ画像マップ：

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">
<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

自分で試してみる

文法

<map name="mapname">

属性値

値 説明
mapname イメージマップの名前。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML <map> タグ