DOCTYPE은 브라우저에게 이 HTML 문서가 어떤 표준을 따르는지 알려주는 역할을 합니다.
HTML5에서는 <!DOCTYPE html> 형태로 간단하게 지정할 수 있습니다.
| 모드 | |
|---|---|
표준 모드 | O |
쿼크 모드 | X |
쿼크 모드는 오래된 브라우저와의 호환성을 위해 남아있는 모드로, HTML4 이전의 레거시 문서에 맞춘 해석 방식입니다. 이를 사용하면 현재 CSS 표준과 다른 방식으로 스타일을 렌더링하기 때문에, 의도한 대로 페이지가 보이지 않을 가능성이 큽니다.
width / height, 테이블 레이아웃, 마진 상쇄, 이미지 요소 크기 차이, 글꼴 크기 및 줄 간격 문제 등 여러가지 문제가 발생할 수 있습니다.
제가 처음 찾아보게 된 계기는 로컬과 서버 간 줄 간격 문제 때문이었습니다. 서버에 반영된 코드에 선언이 빠져서 로컬에서 의도한대로 반영이 되지 않았습니다.