DOCTYPE

Document Type의 약자로, HTML 이 어떤 버전으로 작성이 되었는지 선언하여 웹 브라우저가 올바르게 작동하는 역할을 합니다.

<!DOCTYPE>

만약 문서의 상위에 DOCTYPE 태그를 생략하면
웹 브라우저가 표준 모드(Standards mode)가 아니라
비표준 모드(Quirks mode)로 렌더링됩니다.

비표준 모드(Quirks mode)를 이용하면 비표준 CSS문법을 사용하여
오래된 웹 페이지를 최신 버전에 브라우저에서 깨져 보이지 않게 않지만

표준이 아닌만큼 최신 웹 브라우저에서 크로스 브라우징에 어려움을 겪습니다.

• 표준 모드 (Standard mode) : W3C 표준에 따라 렌더링, 표준 문법 사용
• 비표준 모드 (Quirks mode) : 오래된 브라우저의 행동 모방하여 렌더링, 비표준 문법 사용
• 거의 표준, 엄격 모드 (Almost Standard mode , Strict mode) : table cell 에서 Quirks mode로 실행

DTD (Document Type Definition)

DTD는 HTML 문서 형식의 정의로 DOCTYPE 태그를 명시할 때 사용됩니다.
HTML이 어떤 문서 형식을 따르는지 DTD를 사용합니다.

현재는 HTML 5를 DTD로 명시하는 것이 일반적입니다.

W3C QA를 통해 자세한 DTD 선언 태그를 확인 할 수 있습니다.

• XHTML 1.1
• XHTML 1.0
  • Strict DTD
  • Transitional DTD
  • Frameset DTD
• HTML 4.01
  • Strict DTD
  • Transitional DTD
  • Frameset DTD
• HTML 5
  
  

참고
https://aboooks.tistory.com/169