HTML <header> 태그

정의와 사용법

<header> 요소는 소개 내용이나 일반적인 탐색 링크 그룹의 컨테이너를 나타냅니다.

<header> 요소는 일반적으로 포함합니다：

  • 하나 또는 여러 개의 제목 요소 (<h1> - <h6>)
  • 로고나 아이콘
  • 저자 정보

힌트:<header> 라벨은 문서의 헤더를 정의하는 데 일반적으로 사용됩니다.

주의:한 개의 HTML 문서에 여러 개의 <header> 요소에 있을 수는 없지만，<header> 빈 공간에 <footer>、<address> 또는 다른 <header> 요소에 있습니다.

추가로 참조하십시오:

HTML DOM 참조 설명서:Header 객체

예제

예제 1

<article>의 제목:

<article>
  <header>
    <h1>이곳은 제목입니다</h1>
    <p>빌 게이츠가 발행했습니다</p>
    <p>추가 정보를 제공합니다.</p>
  </header>
  <p>이곳에 본문.... 이곳에 본문....</p>
</article>

직접 시험해 보세요

예제 2

헤더:

<header>
  <h1>이곳은 메인 페이지 제목입니다</h1>
  <p>빌 게이츠가 발행했습니다</p>
</header>

직접 시험해 보세요

전역 속성

<header> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성을 지원합니다

<header> 태그는 또한 HTML에서의 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시합니다 <header> 요소:

header {
  display: block;
}

브라우저 지원

표에 나타난 숫자는 이 태그를 최초로 완전히 지원한 브라우저 버전입니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
5.0 9.0 4.0 5.0 11.1