문서형 정의 및 선언 (Document Type Definition, DTD)
HTML 버전과 종류를 명시해 브라우저가 문서를 해석하고 출력하는데 올바르게 표시할 수 있도록 해 주고,
유효성 검사에 사용될 기준을 정의해주는 것.
<!DOCTYPE>의 구조
<!DOCTYPE 최상위엘리먼트네임 (국제적,공용||내부적,제한용) "(ISO공인인증기관 || ISO비공인인증기관)//기관 명//DTD type //인코딩언어(ISO)" "DTD 주소">
HTML 4.01 DOCTYPE 선언
strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional //EN" "http://www.w3.org/TR/html4/loose.dtd">
frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 DOCTYPE 선언
strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
HTML5 DOCTYPE 선언
<!DOCTYPE html>
DTD 미선언 시 발생하는 현상
쿼크 모드 (Quirks mode)
독타입 미선언 시, 독타입에 FSI를 생략한 경우 브라우저가 예전 문서라고 판단을 하여 쿼크 모드로 렌더링을 하게 된다. 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져 보이지 않으려는 하위 호환성을 보장하기 위한 것이다.
브라우저가 HTML을 읽고 해석하는데 시간이 더 걸리고, 브라우저마다 각각 다르게, 제작의도와 다른 화면이 출력될 수 있다.
'UI개발' 카테고리의 다른 글
| 자바스크립트 연산자 (0) | 2015.07.26 |
|---|---|
| 자바스크립트 데이터 종류 (0) | 2014.12.01 |
| 자바스크립트 변수 (0) | 2014.05.07 |
| 메타태그 (0) | 2014.05.07 |
| 파라미터 엔티티 (0) | 2014.05.03 |