HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML map name 属性

必須のname属性は、イメージマッピングの名前を指定し、name属性は<img>のusemap属性に関連付けられ、イメージとマップ間の関係を構築します。

オンラインサンプル

クリック可能なエリアを持つイメージマップ：

例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<map>　name　属性　-　基本チュートリアルウェブ(oldtoolbag.com)</title>
</head>
<body>
<p>クリックして、太陽または惑星をより詳しく見る：</p>
<img　src="planets.gif"　width="145"　height="126"　alt="Planets"　usemap="#planetmap">
<map　name="planetmap">
　　<area　shape="rect"　coords="0,0,82,126"　alt="太陽"　href="sun.html">
　　<area　shape="circle"　coords="90,58,3"　alt="水星"　href="mercur.html">
　　<area　shape="circle"　coords="124,58,8"　alt="金星"　href="venus.html">
</map>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがname属性をサポートしています。

定義と用法

name属性は画像マッピングの名前を指定します。

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

HTML 4.01 HTML5の違い

なし。

文法

<map name="mapname">

属性値

値	説明
mapname	画像マッピングの名前。

　HTML <map> タグ

HTML: <template> タグ