이미지 1 영역표시 : IE11 , Chrome68 , Opera54 , Edge 영역히든 : FF61	이미지 2   >>   style="border:0; outline:0;" 영역표시 : IE11 , Edge 영역히든 : Chrome68 , FF61 , Opera54
이미지 3   >>   onFocus="blur()" 영역표시 : FF61 영역히든 : IE11, Chrome68 , Opera54 , Edge	이미지 4   >>   style="outline:0;" onFocus="blur()" 영역표시 : FF61 영역히든 : IE11 , Chrome68 , Opera54 , Edge

아래 이미지는 이미지맵 기능을 이용해 각각 이미지맵 링크를 연결하였습니다.

이미지 1
<img src="imagemap_01.png" usemap="#Map01">
<map name="Map01">
    <area shape="rect" coords="50,22,334,308" href="#">
</map>

이미지 2
<img src="imagemap_02.png" usemap="#Map02">
<map name="Map02">
    <area shape="rect" coords="14,19,301,308" href="#" style="border:0;">
</map>

이미지 3
<img src="imagemap_03.png" usemap="#Map03">
<map name="Map03">
    <area shape="rect" coords="52,8,345,299" href="#" style="outline:0;">
</map>

이미지 4
<img src="imagemap_04.png" usemap="#Map04">
<map name="Map04">
    <area shape="rect" coords="15,10,301,299" href="#" style="outline:0;" onFocus="blur()">
</map>