HTML <헤더> 태그
예시
<article>의 헤더:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
요소 는 <header>소개 콘텐츠 또는 탐색 링크 집합의 컨테이너를 나타냅니다.
요소 에는 <header>일반적으로 다음이 포함됩니다.
- 하나 이상의 제목 요소(<h1> - <h6>)
- 로고 또는 아이콘
- 저작권 정보
참고:<header> 하나의 HTML 문서에 여러 요소가 있을 수 있습니다. 그러나 <footer>, <address> 또는 다른 요소 <header>내에 배치할 수 없습니다 .<header>
브라우저 지원
표의 숫자는 요소를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Element | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
전역 속성
<header>태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<header>태그는 HTML의 이벤트 속성 도 지원합니다 .
더 많은 예
예시
페이지 헤더:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
관련 페이지
HTML DOM 참조: 헤더 객체
기본 CSS 설정
대부분의 브라우저는 <header>다음 기본값으로 요소를 표시합니다.
header {
display: block;
}