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/header/index.html | 109 ++++++++++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 files/ko/web/html/element/header/index.html (limited to 'files/ko/web/html/element/header') diff --git a/files/ko/web/html/element/header/index.html b/files/ko/web/html/element/header/index.html new file mode 100644 index 0000000000..51a8f41d1f --- /dev/null +++ b/files/ko/web/html/element/header/index.html @@ -0,0 +1,109 @@ +--- +title:
+slug: Web/HTML/Element/header +tags: + - Element + - HTML + - HTML sections + - Reference + - Web +translation_of: Web/HTML/Element/header +--- +
{{HTMLRef}}
+ +

HTML <header> 요소는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다.

+ +
{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
콘텐츠 카테고리플로우 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠플로우 콘텐츠. 단, 다른 <header> 또는 {{htmlelement("footer")}}가 자손으로 올 수 없습니다.
태그 생략{{no_tag_omission}}
가능한 부모 요소플로우 콘텐츠를 허용하는 모든 요소. 단, {{htmlelement("address")}}, {{htmlelement("footer")}}, 또는 다른 <header>의 자손으로 사용할 수 없습니다.
가능한 ARIA 역할{{ARIARole("group")}}, {{ARIARole("presentation")}}
DOM 인터페이스{{domxref("HTMLElement")}}
+ +

특성

+ +

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

+ +

사용 일람

+ +

<header> 요소는 구획 콘텐츠가 아니므로 개요에 구획을 생성하지 않습니다. 대신 주위 구획의 제목({{htmlelement("Heading_Elements", "<h1>-<h6>")}} 요소)을 감싸기 위한 요소지만, 필수 사항은 아닙니다.

+ +

역사적 사용처

+ +

<header>는 {{glossary("HTML5")}}에서야 명세에 포함됐지만, 사실 HTML의 시작부터 존재했습니다. 세계 최초의 웹사이트에서 확인할 수 있듯 원래는 {{htmlelement("head")}}요소로서 사용했지만, 어느 순간부터 다른 이름이 됐습니다. 덕분에 <header>는 나중에 다른 역할을 맡을 수 있었습니다.

+ +

예제

+ +

페이지 제목

+ +
<header>
+  <h1>Main Page Title</h1>
+  <img src="mdn-logo-sm.png" alt="MDN logo">
+</header>
+
+ +

글 제목

+ +
<article>
+  <header>
+    <h2>The Planet Earth</h2>
+    <p>Posted on Wednesday, <time datetime="2017-10-04">4 October 2017</time> by Jane Smith</p>
+  </header>
+  <p>We live on a planet that's blue and green, with so many things still unseen.</p>
+  <p><a href="https://janesmith.com/the-planet-earth/">Continue reading....</a></p>
+</article>
+
+ +

명세

+ + + + + + + + + + + + + + + + + + + + + +
명세상태주석
{{SpecName('HTML WHATWG', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML5 W3C')}}
+ +

브라우저 호환성

+ +

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

-- cgit v1.2.3-54-g00ecf