HTML5에서는 <header> 태그를 사용하여 헤더를 추가할 수 있습니다. HTML의 <header> 태그는 문서 전체 또는 특정 섹션의 머리말(헤더) 영역을 정의하는 시맨틱 요소입니다.
헤더 태그 안에는 일반적으로 제목(<h1>~<h6>), 로고, 내비게이션 링크, 소개 문구 등 해당 문서나 섹션을 대표하는 콘텐츠가 들어갑니다.
예제
다음 코드를 실행하면 문서에 헤더를 포함시키는 방법을 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Header Tag</title> </head> <body> <header> <h1>Simply Easy Learning</h1> <p>You're visiting tutorialspoint.com - tutorial hub for simply easy learning.</p> </header> </body> </html>
코드 설명
- <header>: 문서 또는 섹션의 시작 부분에 위치하며, 페이지의 주요 제목과 간단한 소개를 담습니다.
- <h1>: 헤더 안에서 가장 중요한 제목을 나타냅니다.
- <p>: 사이트에 대한 짧은 설명 문구를 표시합니다.
이처럼 <header> 태그를 활용하면 브라우저와 검색 엔진이 문서 구조를 더 잘 이해할 수 있어, 웹 접근성과 SEO 측면에서도 유리합니다.