코드랩 레퍼런스
<area> 본문
<area> 태그는 이미지 맵의 영역을 정의합니다.
| 특징 | 설명 |
|---|---|
| 콘텐츠 카테고리 | Flow Content, Palpable Content |
| 콘텐츠 속성 | Global Attributes, Event Attributes |
| 콘텐츠 요소 | Inline Element |
| 닫는 태그 | Closing (<area> ~ </area>) |
| 버전 | HTML4 |
| 시각적 표현 | - |
Definition
- <area> 태그는 이미지 위에 링크를 정의 할 때 간편하게 사용할 수 있습니다.
- <area> 태그는 map 요소와 같이 사용합니다.
CrossBroswing
- HTML5에 새로운 속성이 추가되었습니다.
Property
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| alt | alt="text" | 영역에 대한 대체 텍스트를 설정합니다. href 속성이 있다면 필수적 속성입니다. | - |
| coords | coords="90,58,3" | 영역에 대한 좌표를 설정합니다. | - |
| download | download="filename" | 영역 링크를 클릭하면 대상이 다운로드 되도록 설정합니다. |  |
| href | href="URL" | 영역에 대한 링크를 설정합니다. | - |
| hreflang | hreflang="ko" | 영역 타겟에 대한 언어를 설정합니다. | |
| media | media="value" | 영역 타겟에 대한 미디어쿼리를 설정합니다. | |
| nohref | nohref | 연관된 경로가 없을 경을 경우 설정합니다. |  |
| rel |
alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
문서에 대한 대체 링크를 설정합니다. 문서에 대한 저자 링크를 설정합니다. 문서에 대한 북마크 URL을 설정합니다. 문서에 대한 도움과 관련된 링크를 설정합니다. 문서에 대한 저작권과 관련된 링크를 설정합니다. 문서에 대한 다음 문서 링크를 제공합니다. 문서에 대한 링크를 사용하지 않을 때 설정합니다. 문서에 대한 HTTP 레퍼럴을 사용하지 않을 때 설정합니다. 문서에 대한 캐시를 설정합니다. 문서에 대한 이전 문서를 설정합니다. 문서에 대한 검색 도구를 설정합니다. 문서에 대한 키워드를 설정합니다. |
|
| shape |
default rect circle poly |
링크의 형태를 기본 값으로 설정합니다. 링크의 형태를 사각형 설정합니다. 링크의 형태를 원형 설정합니다. 링크의 형태를 다각형 설정합니다. |
- |
| target |
_blank _parent _self _top |
링크 클릭시 새로운 브라우저 창으로 설정합니다. 현재 브라우저의 부모 브라우저 창으로 설정합니다. 부모가 없는 경우 _self와 동일합니다. 현재와 동일한 브라우저 창으로 설정합니다. 최상위 브라우저 창에서 설정합니다. 부모가 없는 경우 _self와 동일합니다. |
- |
| type | type="text/html" | 영역에 대한 문서 유형을 설정합니다. | |
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| area | |||||||||||||
| alt | |||||||||||||
| coords | |||||||||||||
| download | |||||||||||||
| href | |||||||||||||
| hreflang | |||||||||||||
| media | |||||||||||||
| nohref | |||||||||||||
| rel | |||||||||||||
| shape | |||||||||||||
| target | |||||||||||||
| type |
Ad
Comments