<map> | HTMLタグ-インライン要素-

<map>はインライン要素です。画像の上に複数のリンクエリアを設けたい場合に使用します。

<map>

《要素の働き》<img>画像内に複数のリンクを指定する

<!--a要素で指定した場合-->
<img src="map.jpeg" alt="我が社の地図" usemap="#chiz_01">

<map name="chiz_01"> 
<ul>
<li><a shape="rect(四角形)" coords="X,Y,X,Y" href="chiz_01.html">リンク1</a></li>
<li><a shape="circle(円形)" coords="X,Y,半径" href="chiz_02.html">リンク2</a></li>
<li><a shape="poly(多角形)" coords="X,Y,X,Y,X,Y" href="chiz_03.html">リンク3</a></li>
<li><a shape="default(画面全体)" href="chiz_04.html">リンク2</a></li>
</ul>
</map>

<!--area要素で指定した場合-->
<img src="map.jpeg" alt="我が社の地図" usemap="#chiz_02">

<map name="chiz_02"> 
<area shape="rect(四角形)" coords="X,Y,X,Y" href="chiz_01.html" alt="リンク1"> 
<area shape="circle(円形)" coords="X,Y,半径" href="chiz_02.html" alt="リンク2"> 
<area shape="poly(多角形)" coords="X,Y,X,Y,X,Y" href="chiz_03.html" alt="リンク3">
<area shape="default(画面全体)" href="chiz_04.html" alt="リンク4"> 
</map>