정의
- - <html>의 바로 아래 하위 요소입니다.
- - <head>는 <base>,<title>,<meta>,<link>,<style>,<script>와 같은 하위 요소를 포함합니다.
예제 소스 ( XHTML1.0 transitional 기준 )
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>카페24 글로벌센터</title>
<meta http-equiv="Content-Type" content="text/xhtml; charset=utf-8" />
<meta name="keyword" content="카페24, cafe24, 도메인, 도메인 검색, 도메인 등록, 한글도메인, 카페24 호스팅, 웹호스팅, hosting" />
<meta name="description" content="카페24 :: 대한민국 No.1 카페24 호스팅 - e-비즈니스 파트너 카페24, 웹호스팅, 서버호스팅, 도메인 등록, 쇼핑몰 창업 및 구축, 온라인 마케팅 지원, 홈페이지 제작" />
<link type="text/css" rel="stylesheet" href="/css/common.css" />
<script type="text/javascript" src="/script/common.js" charset="UTF-8"></script>
</head>
...
</html>
<head>가 포함하는 하위태그들
<title>
- - 문서 버전에 상관없이 필수 요소이기 때문에 반드시 있어야 하며 해당 문서의 제목을 나타냅니다. <title>에 입력한 제목은 각 브라우저 툴바의 제목으로 나타나며, 즐겨찾기 추가를 했을 때에도 사용됩니다.
- - 불필요한 특수문자는 사용하지 않는 것이 좋으며, 검색엔진이 최우선으로 살펴보는 곳이니 직관적으로 올바른 제목을 넣어야 합니다.
<meta>
- - metadata의 약자로 문서 데이터에 대한 정보를 나타내는 태그입니다. 여러가지 속성을 사용하여 다양한 정보를 담을 수 있지만 일반인 사용자는 description, keyword 정도만 잘 살펴보면 됩니다.
<link>
- - 외부에 있는 파일을 불러오는 역할을 합니다. 예를 들어 html 문서의 스타일을 꾸미는데 사용한 css파일의 경로를 link 태그에 적어주면 html 문서가 알아서 참고하는 것입니다.
- - css외에도 이미지나 다른 종류의 파일도 불러올 수 있습니다.
<style>
- - <head> 안에 직접 문서의 스타일을 지정해도 됩니다. <style>태그를 사용하여 그 안에 css속성을 선언해주면 해당 파일에만 적용이 됩니다.
- - 자세한 내용은 css초급 메뉴에서 설명합니다.
<script>
- - 역시 외부에 있는 파일을 불러오는 역할을 합니다. css파일은 <link>태그를 사용하여 불러오지만 script 파일은 <script> 태그를 그대로 사용하여 경로를 지정해줍니다.
- - 역시 script 도 style 과 같이 <head>내부에 직접 script 를 작성할 수 있습니다.
- - 즉, css는 외부 파일의 링크를 불러올때는 <link>태그를 사용하고, 직접 스타일을 선언할 때는 <style>태그를 사용하지만 script 는 외부파일을 불러오는 것이든 직접 스크립트를 선언하는 것이든 똑같이 <script>를 사용합니다.
<base>
- - 잘 사용하지 않는 태그이지만 개발자들이 테스트 작업을 할 때 유용하게 쓰입니다.
- - <head>안에 선언하여 웹페이지 주소를 연결해주면, 해당 페이지 안의 이미지나 링크 경로는 모두 그 주소를 따라 가게 되는 것입니다.