목차
1. DOCTYPE?
2. DOCTYPE의 유형별 차이점
3. DOCTYPE의 종류와 선언
1. DOCTYPE?
DOCTYPE이란 웹 문서의 형식을 지정하는 방법으로, 문서가 특정 DTD(Document Type Definition)를 따른다는 걸 브라우저에게 알리는 정의 방법입니다. 브라우저는 DTD에 따라 페이지를 렌더링하며, DTD를 생략하면 브라우저는 비표준모드(Quirks mode)로 렌더링하기 때문에 브라우저 또는 환경에 따라 의도치 않는 동작이 발생할 수 있고, 결과적으로 크로스 브라우징에 문제가 발생할 수 있습니다.
2. DOCTYPE의 유형별 차이점
1) Strict
엄격한 규격으로 CSS 사용을 장려하기 위해 단계적으로 사라질 표현에 관한 태그(font 태그 등)와 속성을 배제한 문서 타입을 뜻합니다.
2) Transitional
과도기적인 규격으로, 표준이 정립되지 않은 때에 기존에 만들어진 문서들과의 호환성을 위해서 사용합니다.
3) Frameset
현재는 거의 사용하지 않는 프레임셋(html 안에 html을 분리하는 것)을 구현하기 위해 사용합니다.
3. DOCTYPE의 종류와 선언
HTML5
<!DOCTYPE html>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">