<!DOCTYPE html> 선언이란 무엇인가요? 용도와 작성 방법

선언이란 무엇인가요? 용도와 작성 방법

<!DOCTYPE html>은 브라우저에게 현재 문서가 HTML 문서임을 알리는 문서 유형 선언(Document Type Declaration)입니다.

DOCTYPE 선언이 필요한 이유

HTML 표준을 준수하기 위해서는 모든 HTML 문서에 DOCTYPE 선언이 반드시 포함되어야 합니다. 이 선언이 없으면 브라우저가 쿼크 모드(Quirks Mode)로 렌더링하여 레이아웃이 의도와 다르게 깨질 수 있습니다.

작성 위치와 기본 구조

<!DOCTYPE html> 선언은 HTML 문서의 가장 첫 줄에 위치해야 하며, 그 뒤에 <html> 요소가 따라옵니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>문서 제목</title>
  </head>
  <body>
    <!-- 페이지 콘텐츠 -->
  </body>
</html>

HTML5에서는 위와 같이 간단하게 선언하면 되며, 대소문자를 구분하지 않습니다(<!doctype html>도 가능). 하지만 관례적으로 대문자로 작성합니다.