DTD의 중요성

문서 형식 선언

HTML 문서의 규격 판 번호를 명시하는 데서 흔히 볼 수 있다. 웹 브라우저는 문서 형식 선언이 없는 HTML 문서를 쿼크 모드로 렌더링하지만 문서 형식 선언이 있는 HTML 문서를 표준 모드로 렌더링하기 때문에, 문서 형식 선언을 이용해서 어떤 웹 페이지가 모든 웹 브라우저에서 같은 레이아웃으로 제공되도록 할 수 있다. 한편 HTML5은 구조적으로 SGML과 호환될 수 없다. 따라서 HTML5로 구성된 문서에서 문서 형식 선언은 불필요하지만, 웹 브라우저들의 표준 모드를 활성화하기 위해 최소한의 형태로 유지되었다.

HTML에서 문서 형식(Doctype) 지정의 중요성

문서 형식은 HTML 버전과 종류를 명시함으로써, 브라우저가 문서를 해석하고 출력하는데 직접적인 영향을 준다. 웹 브라우저는 문서형식이 지정되지 않거나, 올바르게 지정되지 않은 HTML 문서를 읽고 해석하는데 어려움을 겪는다. 때문에 화면을 출력하는데 보다 오랜 시간이 소요되며, 또한 제작자의 의도와 다른 화면을 출력할 수 있다. 이는 일반적인 시각계 브라우저 외에도 시각장애인용 음성출력 브라우저나 기타 보조기기 역시 마찬가지다.

ID나 Class의 값에서 대소문자 문제.

WordPress에서의 Css 깨짐

워드프레스에서 대문자와 소문자구분없이 html element에 css가 들어가고 있었다.

예를들면

.word_press

.word_Press

모두

<div class="word_press"

에 적용되는 현상.

문제는 wordpress function.php에서 echo로 무언가?!를 했는데 여기서 _head.php에 영향을 주게 되었고 때문에

doctype

이 선언되지 않아서 지금까지 알고쓰던 룰에서 벗어난 css 대소문자 구분없는 적용이 되었다.