HTML 문서 형식에 관한 버전 정보(DTD)를 설정합니다. 반드시 모든 HTML 문서의 맨 앞에 있어야 합니다. <!DOCTYPE>은 HTML 문서의 구성 요소는 아닙니다.
The HTML 4.01 Strict DTD
Traditional DTD에서 deprecated된 요소와 <frameset> 관련 요소 및 속성을 제외한 가장 엄격한 DTD입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
The HTML 4.01 Transitional DTD
Strict DTD에서 deprecated 요소와 속성을 포함합니다. 권장되지 않는 요소나 속성을 문서에 포함할 필요가 있을 때, 하위 호환성을 위해 이 선언문을 사용하면 됩니다. Frameset관련 요소는 포함되지 않습니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "//www.w3.org/TR/html4/loose.dtd">
The HTML 4.01 Frameset DTD
Traditionl DTD에 frameset을 포함합니다. Frameset을 적용한 문서에서는 이 선언문을 사용해야 합니다. 가장 느슨한 문서 형식입니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "//www.w3.org/TR/html4/frameset.dtd">
The XHTML 1.0
XHTML 1.0에서는 HTML 4.01의 DTD와 유사하게 3가지 DTD 중 하나를 사용할 수 있습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
The XHTML 1.1
XHTML 1.1에서는 하나의 DTD만 정의할 수 있습니다. 이것은 기존의 XHTML 1.0 Strict DTD를 기본으로 합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "//www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
문서 형식 선언(Document Type Declaration, DTD)이란, 문자 그대로 해당 문서의 형식이 어떤 정의를 따르고 있는지를 선언하는 것입니다. 이 선언은 문서의 최상단에 위치하게 되며, HTML4.01버전까지는 URL을 포함하여 작성했지만, HTML5에 들어서는 <!DOCTYPE html>과 같이 표기 합니다. DTD 선언을 가장 먼저하는 이유는 이 선언에 따라 마크업 언어가 달라지기 때문이며, DTD는 XHTML, HTML4.01, HTML5를 구분합니다.
HTML에서 doctype은 모든 문서의 최상단에서 찾을 수 있는 필수 서문이다.
!DOCTYPE이란?
document type의 약어로,
웹 문서가 어떤 형식으로 작성되었는지 문서 형식을 선언하는 것이다.
!DOCTYPE을 쓰지않을 경우 어떻게 되는가?
웹 브라우저는 문서 형식 선언이 없으면 쿼크 모드로 렌더링 해서 각 브라우저마다 다른 형태의 결과물을 보여준다.
이것을
방지하기 위해 문서 형식 선언을 하며 이로 인해 HTML 문서를 표준모드로 렌더링 할 수 있게된다.
+ 쿼크 모드(Quirks mode)?
오래된 웹 브라우저를 위해 디자인된 웹 페이지의 하위 호환성을 유지하기 위해 표준모드를 대신하여 쓰이는 렌더링 모드. 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져보이지 않으려는 목적이다.
+ 표준 모드(Standard mode)?
W3C등의 표준을 준수하는 렌더링 모드.
렌더링 : 서버로부터 HTML파일을 받아 브라우저에 뿌려주는 과정.
HTML5의
등장으로 웹표준이 정착해가고 있기 때문에 <!DOCTYPE html> 선언을 주로 하지만
HTML4.01, XHTML의 경우 선언부가 다르다.
1. HTML 4.01
버전: HTML 4.01 Strict
선언부:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
버전 : HTML 4.01 Transitional
선언부:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""//www.w3.org/TR/html4/loose.dtd">
버전 : HTML 4.01 Frameset
선언부 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "//www.w3.org/TR/html4/frameset.dtd">
2. XHTML1.0
버전 : XHTML 1.0 Strict
선언부 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
버전 : XHTML 1.0 Transitional
선언부 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
버전 : XHTML 1.0 Frameset
선언부 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
웹페이지를 처음 만드실때 제일 기본적인 부분으로 문서의 선언문에 대해서 알아보겠습니다. W3C 에서는 웹표준으로 DOCTYPE을 선언해서 문서의 버전을 확인할 수 있게 하는데요. 이런 DOCTYPE에 따라서 문서의 성향이 조금씩 바뀌게 됩니다. 기본적으로 HTML5 의 문서 선언문은 다음과 같습니다. 정말 간다하지 않나요? 웹표준작업이 아니더라도 다른 식으로 표현하는것도 많이 보셨을 텐데요. 예를 들면 아래와 같은 표현이죠. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 차이가 많이 느껴지시죠? HTML5가 얼마나 간단한지 바로 확인이 가능합니다. 이전에는 문서선언부터 여러가지 공식으로
선언해서 사용을 하였습니다. 이런 선언문도 조금씩 차이가 있습니다. 제가 소개한건 국내환경에 적합한 방법이며 범용적으로 사용하는 선언문인데요. 웹표준에 맞춰서 더욱 엄격하게 선언하는 선언문이 있구요. 이것보다 더 느슨하게 선언해서 사용하는 선언문이 있습니다. 웹표준에 맞춰서 엄격하게 적용하실려면 아래와 같이 사용해주세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
웹표준과는 별개로 예전의 태그를 모두 사용하실려면 아래 선언문을 사용하시면 됩니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
그리고 문서에 따라 HTML과 XHTML로 종류가 나뉘어 집니다. 이 둘의 차이는거의 없는데요. 다만 웹표준에서 XML을 사용하느냐 마느냐에 차이정도인데. 이런 XML을 사용할 수 있으면 사용자 커스텀 태그사용이 가능하기 때문에 확장성이 넓어졌다고 하는군요.
제가 소개해드린건 XHTML태그 선언문입니다. 여기까지 W3C 웹표준 DOCTYPE 선언하기에 대해서 살펴보았습니다.
- 댓글
- 트랙백
- 카테고리의 다른 글
- 일반
- 소셜
트랙백을 확인할 수 있습니다
트랙백 URL URL을 배껴둬서 트랙백을 보낼 수 있습니다
공유하려면 대상을 선택하세요
최신 다음
- 종료하기
- 검색
- 감성공간