HTML 이미지 맵

이미지 맵

하나의 이미지에 여러 개의 링크를 걸어 클릭 위치에 따라 서로 다른 링크가 열리는 기능

속성	설명
alt	대체 텍스트 지정
coords	링크로 사용할 영역을 시작 좌표와 끝 좌표를 이용해 지정
download	링크를 클릭했을 때 링크 문서를 다운로드
href	링크 문서(사이트) 경로를 지정
media	링크 문서(사이트)를 어떤 미디어에 최적화 시킬지 지정
rel	현재 문서와 링크 문서 사이의 관계를 지정	속성 값	lternate, bookmark, help, license, next, nofollow, noreferer, perfetch, prev, search, tag
shape	링크로 사용할 영역의 형태를 지정	속성 값	default, rect, circle, poly
target	링크를 표시할 대상을 지정	속성 값	_blank, _parent, _self, _top, 프레임이름
type	링크 문서의 미디어 유형을 지정

적용 예)

<img src="images" usemap="#fruits">

<map name="fruits">

<area shape="rect" coords="20,20,180,200" href="http://naver.com" target="_blank">

</map>