map
イメージマップ
<map name=""></map>
クライアントサイド・イメージマップを定義する要素です。(イメージマップとは、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>