From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/html/element/map/index.html | 121 +++++++++++++++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 files/ko/web/html/element/map/index.html (limited to 'files/ko/web/html/element/map/index.html') diff --git a/files/ko/web/html/element/map/index.html b/files/ko/web/html/element/map/index.html new file mode 100644 index 0000000000..a990f09dce --- /dev/null +++ b/files/ko/web/html/element/map/index.html @@ -0,0 +1,121 @@ +--- +title: +slug: Web/HTML/Element/map +tags: + - Element + - HTML + - HTML embedded content + - Multimedia + - Reference + - Web +translation_of: Web/HTML/Element/map +--- +
{{HTMLRef}}
+ +

HTML <map> 요소는 {{htmlelement("area")}} 요소와 함께 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다.

+ +
{{EmbedInteractiveExample("pages/tabbed/map.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠모든 투명한 콘텐츠.
태그 생략{{no_tag_omission}}
가능한 부모 요소구문 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할없음
DOM 인터페이스{{domxref("HTMLMapElement")}}
+ +

특성

+ +

이 요소는 전역 특성을 포함합니다.

+ +
+
{{htmlattrdef("name")}}
+
맵을 참조할 때 사용할 수 있는 이름. 반드시 존재해야 하고, 값이 비면 안되며, 값에 공백 문자가 포함되어도 안됩니다. name 특성은 문서 내의 모든 <map>에서 유일해야 합니다. {{htmlattrxref("id")}} 특성이 존재하는 경우 name과 값이 동일해야 합니다.
+
+ +

예제

+ +
<map name="primary">
+  <area shape="circle" coords="75,75,75" href="left.html">
+  <area shape="circle" coords="275,75,75" href="right.html">
+</map>
+<img usemap="#primary" src="https://placehold.it/350x150" alt="350 x 150 pic">
+ +

결과

+ +

{{EmbedLiveSample("예제", "350", "150")}}

+ +

예상 결과

+ +

키보드의 탭을 눌렀을 때, 위의 예제는 아래 사진처럼 나와야 합니다.

+ +

left.html 링크:
+

+ +

right:html 링크:
+

+ +

명세

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'embedded-content.html#the-map-element', '<map>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'semantics-embedded-content.html#the-map-element', '<map>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '<map>')}}{{Spec2('HTML4.01')}}Initial definition
+ +

브라우저 호환성

+ + + +

{{Compat("html.elements.map")}}

+ +

같이 보기

+ + -- cgit v1.2.3-54-g00ecf