HTML Doctype

김정호·2022년 9월 18일

HTML

목록 보기

1/2

html 문서의 기본 구조
<!DOCTYPE html>
<html>
	<head></head>
    <body></body>
</html>

Doctype은 문서의 유형을 정의하기 위해 사용하는 선언문(DTD: Document Type Definition)입니다.

이는 웹 브라우저에게 웹 문서를 어떤 HTML 버전의 해석 방식으로 이해하면 되는지 알려주는 용도입니다.

HTML 버전

HTML은 사용 용도와 기간에 따라 버전이 달라졌습니다.
그러면서 HTML 버전마다 적용되는 태그가 있고 그렇지 않은 태그가 생겼습니다.

DOCTYPE 선언을 하지 않는 경우 웹 브라우저는 웹 문서를 현재 버전의 웹 표준으로 이해하게 되는데 만약 이 문서가 구 버전의 HTML 표준으로 작성하였다면 브라우저는 문서에 작성된 태그들을 문법 오류로 간주하는 경우가 생길 수도 있습니다.

그럼 구 버전 HTML 표준으로 작성된 문서는 어떻게 하나요?

이는 DCTYPE 선언을 하여 웹 브라우저가 문서를 어떤 버전으로 이해하면 되는지 알려줄 수 있습니다.

유형	내용
Strict	엄격하게 웹 표준을 따르는 유형입니다. 구조와 표현을 분리하기 위해 단계적으로 사라진 표현에 관한 요소와 속성을 베재한 유형입니다. center, font 등의 태그가 사용이 제한됩니다.
Transitional	기존에 만들어진 문서들과의 호환성을 유지하기 위한 유형, 프레임셋을 제외한 대부분의 태그가 사용 가능합니다.
Framset	지금은 사용하지 않는 프레임셋 태그가 사용 가능한 유형입니다.

버전	선언 방법
HTML5	`<!DOCTYPE html>`
HTML 4.01 Strict	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
HTML 4.01 Transitional	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`
HTML 4.01 Framset	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">`
XHTML 1.0 Strict	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
XHTML 1.0 Transitional	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`
XHTML 1.0 Frameset	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">`
XHTML 1.1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`

각 버전별로 사용이 가능한 태그는 HTML 버전별 태그 호환성 비교 표 을 참고