💡 퀵 접속: htm.kr/doctype

HTML5 DOCTYPE 태그 사용법

1. DOCTYPE이란?

DOCTYPE(Document Type Declaration)은 HTML 문서의 첫 줄에 위치하며, 웹 브라우저에게 현재 문서가 어떤 HTML 버전으로 작성되었는지 알려주는 역할을 합니다.

2. DOCTYPE 선언 방법

HTML5의 DOCTYPE 선언

<!DOCTYPE html>

3. 이전 버전의 DOCTYPE 선언

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

4. DOCTYPE의 중요성

  • 브라우저가 문서를 올바르게 렌더링하는 데 도움
  • 쿼크 모드(Quirks Mode) 방지
  • 표준 모드(Standards Mode) 활성화
  • 크로스 브라우저 호환성 보장

💡 주의사항

  • DOCTYPE은 대소문자를 구분하지 않습니다.
  • 반드시 HTML 문서의 첫 줄에 위치해야 합니다.
  • HTML5에서는 매우 간단한 선언만으로 충분합니다.
  • DOCTYPE이 없으면 브라우저는 쿼크 모드로 렌더링할 수 있습니다.

5. 실제 사용 예제

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>웹페이지 제목</title>
</head>
<body>
    <h1>안녕하세요!</h1>
</body>
</html>

6. 브라우저 렌더링 모드

모드 설명
표준 모드 DOCTYPE이 올바르게 선언된 경우
쿼크 모드 DOCTYPE이 없거나 잘못된 경우

7. DOCTYPE 검증

DOCTYPE이 올바르게 선언되었는지 확인하는 방법:

  • W3C 마크업 검증 서비스 사용
  • 브라우저 개발자 도구에서 렌더링 모드 확인
  • 문서의 첫 줄에 DOCTYPE이 있는지 확인