2.2.3 head 태그

head 태그는 HTML 문서의 메타데이터(metadata)를 정의하는 영역입니다. 메타데이터란 HTML 문서에 대한 정보(data)로, 웹 브라우저에는 직접 노출되지 않습니다. 보통 meta, title, link, style, script 등의 태그를 사용해 HTML 문서의 여러 정보를 정의합니다.

● meta 태그

meta 태그는 메타데이터를 정의하는 데 사용합니다.

다음은 HTML 문서에서 허용하는 문자 집합(charset)을 정의하는 메타데이터 태그입니다. 과거에는 EUC-KR을 주로 사용했지만, 최근에는 더 많은 언어를 허용하기 위해 UTF-8만 사용합니다.

<meta charset="UTF-8">

다음 태그는 인터넷 익스플로러(이하 IE)의 렌더링 엔진을 강제로 최신 렌더링 엔진으로 지정하는 메타데이터를 나타냅니다. 구 버전의 렌더링 엔진을 사용하는 실험적 프로젝트가 아니라면 해당 태그를 정의하는 편이 좋습니다.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

마지막으로 기기의 화면 너비에 맞추기 위해 사용하는 메타데이터 태그입니다. 뷰포트(viewport)는 웹 페이지에 접속했을 때 사용자에게 보이는 화면 영역을 의미하는데, 이에 관한 내용은 7.3.2 뷰포트 알아보기에서 자세히 설명합니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">