[html] DOCTYPE

sylee·2022년 12월 14일
0

HTML CSS

목록 보기
1/1

DOCTYPE란?

  • 현재 문서가 어떤 버전으로 기술되었는지 브라우저에게 전달하기 위해 지정하는 웹 문서 속성
  • 유형에는 XTML,HTML,HTML5 세가지가 있으며 선언된 유형에 따라 마크업 속성을 처리하는 기준이 정해지고 유효성 검사에 활용

DOCTYPE 선언이유

  • 선언이 생략되면 웹 브라우저에서 표준(Standards) 모드가 아닌 비표준(Quicks) 모드로 렌더링되어 크로스 브라우징 이슈가 발생할 수 있음
  • 예전 버전으로 작성된 문서들의 보존
  • 버전별로 지원하는 태그가 상이하기 때문에 어떤 유형의 문서인지를 정확하게 정의해주어야 웹브라우저에서 올바르게 인식

DOCTYPE 선언방식

[공통] html 문서의 최상단에서 선언

HTML5

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

HTML4.01

Strict
모든 HTML 요소와 속성들을 포함하지만, Deprecated거나 정식으로 포함되지 못한 요소들은 포함하지 않음

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd">
...

Transitional
모든 HTML 요소와 속성들 뿐만 아니라 Deprecated, 정식으로 포함되지 못한 요소들도 포함. 프레임셋(frameset) 콘텐츠 사용은 허용하지 않음

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

Frameset
모든 콘텐츠 사용 허용

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
...

HTML4.01보다 이전 버전에 대한 DOCTYPE 선언은 W3C에서 확인 가능

profile
현직 웹퍼블리셔 ( feat.프론트엔드 지망생 )

0개의 댓글