HTML에서 문서에 대한 다양한 메타 정보를 포함하려면 <head> 태그를 사용합니다. HTML의 <head> 태그는 문서의 머리(head) 영역을 정의하는 역할을 하며, 이 안에는 문서 제목, 문자 인코딩 방식, 스타일시트 연결, 스크립트 참조 등 페이지 자체에 대한 정보가 들어갑니다.
중요한 점은 <head> 태그 내부에 작성된 요소들은 브라우저 화면에 직접 표시되지 않는다는 것입니다. 사용자에게 보이는 콘텐츠는 모두 <body> 태그 안에 작성해야 합니다.
기본 예제
다음 코드를 실행하면 <head> 태그를 활용해 문서 정보를 포함하는 방법을 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML head Tag</title> </head> <body> This is demo text. </body> </html>
<head> 태그 안에 들어갈 수 있는 주요 요소
- <title>: 브라우저 탭에 표시되는 문서 제목을 정의합니다.
- <meta>: 문자 인코딩, 뷰포트 설정, 페이지 설명 등 메타데이터를 지정합니다.
- <link>: 외부 CSS 파일과 같은 리소스를 연결합니다.
- <style>: 문서 내부에 CSS 스타일을 직접 작성할 때 사용합니다.
- <script>: JavaScript 파일을 로드하거나 인라인 스크립트를 작성합니다.
이처럼 <head> 섹션은 화면에 보이지 않지만, 검색 엔진 최적화(SEO)와 브라우저의 올바른 문서 해석을 위해 반드시 필요한 핵심 영역입니다.