[html] DOCTYPE

2023-03-08 최대 1 분 소요

DOCTYPE

Document Type의 약자로, HTML이 어떤 버전으로 작성되었는지 미리 선언하여 웹브라우저가 내용을 올바르게 표시할 수 있도록 해주는 것이다.

문서 타입 정의는 HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 마크업 문서의 요소와 속성을 처리하는 기준이 되며 유효성 검사에 이용된다.

웹 문서의 시작을 알려주며 태그보다 먼저 선언한다. DOCTYPE은 웹 브라우저에서 처리할 문서가 HTML이며 어떠한 버전으로 사용했으니, 해당 방식대로 해석하라는 의미를 갖는다. <!DOCTYPE> 으로 선언한다.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
    </body>
</html>

선언을 해주지 않으면 호환 모드(quirks mode, 쿼크모드) 로 동작한다. 호환 모드는 하위브라우져와의 호환성유지를 위해 지원되는 모드이다.호환 모드의 경우 각 브라우저마다 문서를 나타내는 방식이 다르기 때문에 크로스 브라우징 이슈가 훨씬 심해지게 된다.

따라서 문서형 정의를 HTML 문서의 최상단에 해야한다.

DTD란 Document Type Definition의 약자로, HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 마크업 문서의 요소와 속성 등을 처리하는 기준이 되며 유효성 검사에 이용된다.