[attribute] HTML - ismap 속성 - 이미지를 서버측 이미지맵으로 지정 (= ismap속성 = 이즈맵속성)

1. ismap 예제 - 이미지를 서버측 이미지맵으로 지정
2. ismap 정의
3. ismap 구문

ismap 예제 - 이미지를 서버측 이미지맵으로 지정

 

<a href="/action_page.php">

  <img src="https://i.imgur.com/WfW5mBC.png" alt="homzzang.com" ismap>

</a>

 

---

PS. 

클릭 시 서버로 (예: /action_page.php?21,16) 형식으로 전달되며, 클릭 지점  좌표는 아래 코드로  표시 가능.

 

[방법1] - 링크에 다른 파라미터 없는 경우

<?php

if(key($_GET)) {

    list($x,$y) = explode(",",key($_GET));

    echo $x.".".$y;

}

?>

 

[방법2] - 링크에 다른 파라미터 있는 경우

<?php

if($_SERVER['QUERY_STRING']) {

    $cood = explode("?",$_SERVER['QUERY_STRING']);

    list($x,$y) = explode(",",$cood[1]);

    echo $x.".".$y;

}

?> 

 

ismap 정의

 

이미지가 서버측 이미지맵(= 클릭 가능한 영역 가진 이미지)임을 지정하는 참거짓 속성.

 

---

 

1.

• 이미지맵 클릭 시 클릭 지점 좌표가 URL 통해서 서버로 전달됨.
• 이미지가 <a href="유효한주소"> 태그의 자식일 때만 사용 가능.

 

2.

주요 최신 브라우저 모두 지원.

 

ismap 구문

 

<a href="validURL"><img src="imgURL" ismap></a>

 

---

[속성값]

 

없음.

 

---

PS.

클릭 시 클릭 지점 (x,y) 좌표가 validURL?x,y 통해서 서버로 전달됨.

(예) https://homzzang.com/index.php?97,21