<head> 태그는 HTML 페이지에서 모든 헤드(head) 요소를 담는 컨테이너 역할을 합니다. 브라우저나 검색 엔진에 문서 정보를 전달하는 중요한 부분으로, 문서의 제목, 메타 정보, 스타일, 스크립트 등이 모두 이 안에 들어갑니다.
head 태그에 포함되는 주요 요소
<head>...</head> 태그를 추가하는 방법은 매우 간단합니다. 열고 닫는 태그 사이에 다음과 같은 요소들을 넣을 수 있습니다.
- <title> : 브라우저 탭에 표시되는 문서의 제목
- <meta> : 문자 인코딩, 뷰포트 설정 등 문서에 대한 메타 정보
- <style> : CSS 스타일 정의
- <script> : JavaScript 코드 또는 외부 스크립트 참조
- <link> : 외부 스타일시트 등 외부 리소스 연결
특히 <title>...</title> 태그는 반드시 <head>...</head> 태그 내부에 위치해야 한다는 점을 기억하세요.
예제
다음 코드를 실행하면 HTML 페이지에서 <head> 태그가 어떻게 사용되는지 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML head tag</title> </head> <body> <h2>Working with HTML head tag</h2> <p>This is demo text.</p> <p>Displaying how head tag is used in HTML. Add title in it or meta information about the document.</p> </body> </html>
실행 결과
