[CS] DOCTYPE

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

<!DOCTYPE> 으로 선언하는데, 이걸 해주지 않으면 호환 모드(quirks mode)로 동작한다.

호환 모드의 경우 각 브라우저마다 문서를 나타내는 방식이 다르기 때문에 크로스 브라우징 이슈가 훨씬 심해지게 된다.

DOCTYPE 선언 X: 쿼크 모드로 렌더링 → 브라우저마다 다른 결과물 출력
DOCTYPE 선언 O: 표준 모드로 렌더링 → 브라우저별로 같은 레이아웃 결과물 출력

DTD(Document Type Definition)란 문서 형식을 정의해놓은 것으로 DOCTYPE을 명시할 때 사용한다.

즉, HTML 문서가 어떤 문서 형식을 따르는지 DOCTYPE에서 DTD를 지정하는 것이다.

예시로 아래와 같은 것들이 있고 W3C Recommended list of Doctype declarations 에서 더욱 자세하게 확인 가능하다.

현 시점에선, HTML 5의 DTD로 DOCTYPE을 명시하는 것이 제일 바람직하다.

<!DOCTYPE html>

[DB] HTTP Method \| GET, POST (0)	2022.02.07
[DB] 웹 서버(Web Server)와 WAS(Web Application Server) (0)	2022.02.07
[CS] CSS와 JS 애니메이션의 차이점 (0)	2022.02.04
[CS] CI와 CD (0)	2022.02.01
[CS] 모듈 번들러와 트랜스파일러 (0)	2022.02.01

티스토리툴바