본문 바로가기

웹표준/(X)HTML

map,area 태그

map
원어 및 기능 client-side image map(한 이미지의 여러링크를 정의)
Element Block       (Element 종류)
포함가능 Element area태그 Block Inline Text
속성 - class="클래스 이름"
- id="id 이름"
- name="맵 이름"
- style="스타일 시트 입력"
- title="제목"
특이사항 - 이미지맵의 영역은 a 요소에만 지정할 수 있지만 이 경우 반드시 블록 레벨 요소에 포함된 형태로 지정해야 한다.
예제
결과

area
원어 및 기능 client-side image area(한 이미지의 링크 영역 정의)
Element Inline       (Element 종류)
포함가능 Element 빈요소이므로 X
속성 - alt="설명"
- class="클래스 이름"
- coords="값" (값 = 왼쪽 x / 위쪽 y / 오른쪽 x / 아래쪽 y)
- href="url"
- id="id 이름"
- nohref (다른 홈페이지에 링크하지않고 이미지 맵만 설정시 IE 3.0, N 3.0 이상)
- notab (탭 순서에서 이미지 맵은 제외할 때 사용합니다.)
- shape="값" (값 = rect / circle / poly) (이미지 맵의 링크영역의 형태를 지정 합니다.)
- style="스타일 시트 입력"
- tabindex="숫자"
- target="프레임 이름"
- title="제목"
- value="시작 번호"
특이사항
예제
결과