<map> | HTMLタグ-インライン要素-
<map>はインライン要素です。画像の上に複数のリンクエリアを設けたい場合に使用します。
<map>
Strict | ○ | Transitional | ○ |
---|
《要素の働き》<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>