<map name=""></map>
イメージマップ
| ブラウザ |
|
|---|---|
| DTD | Strict：使用可 / Transitional：使用可 / Frameset：使用可 |
| タグ | 開始タグ：必須 / 終了タグ：必須 |
| 分類 | |
| 子要素 | カッコ付の要素は、a要素によるイメージマップの場合に配置することができます。 |
クライアントサイド・イメージマップを定義する要素です。（イメージマップとは、1つの画像内に複数のリンク先を設定できる機能のことです）
この要素に付けるマップ名によって、img要素、object要素、input要素と関連付けされることになります。
リンク領域の設定は、この要素内に配置されるarea要素、またはa要素で行ないます（a要素はブロックレベル要素内に配置する必要があります）。
area要素を配置した例
<div>
<img src="map.gif" alt="サンプル1" usemap="#sample1">
<map name="sample1">
<area shape="rect" coords="22,11,122,62" href="map1.html" alt="リンク1">
<area shape="circle" coords="184,86,30" href="map2.html" alt="リンク2">
<area shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html" alt="リンク3">
</map>
</div>
a要素を配置した例
<div>
<img src="map.gif" alt="サンプル2" usemap="#sample2">
<map name="sample2">
<ul>
<li><a shape="rect" coords="22,11,122,62" href="map1.html">リンク1</a></li>
<li><a shape="circle" coords="184,86,30" href="map2.html">リンク2</a></li>
<li><a shape="poly" coords="87,78,30,110,81,139,69,113" href="map3.html">リンク3</a></li>
</ul>
</map>
</div>
| 属性 | 説明 | 値 | 説明 |
|---|---|---|---|
| 必須属性 | |||
name |
イメージマップの名前 | マップ名 | 固有の識別名 |
- この要素に関連する目的別リファレンス
- 画像内に複数リンクを設定する