감성 퍼블리셔 html,css

DTD(Document Type Definition)란 무엇인가? css/html 본문

HTML/CSS

DTD(Document Type Definition)란 무엇인가? css/html

빅범 2014. 9. 14. 01:13




DTD(Document Type Definition)란 무엇인가?


버전   :  년도

HTML : 1991

HTML+ : 1993

HTML 2.0 : 1995

HTML 3.2 :  1997

HTML 4.01 :  1999

XHTML :  2000

HTML5 :  2012


DTD(Document Type Definition)란 HTML 문서의 첫 줄에 '<!DOCTYPE>'로 시작하는 문법을 이야기 하며

작성된 내용이 HTML 표준에 의거하여 작성되었음을 웹 브라우저에게 알려주는 것

선언을 하지 않아도 대부분의 웹 브라우저는 알아서 태그를 해석하여 보여줌

특별히 웹 브라우저가 자체적인 계산에 의한 것이 아니라, W3C에서 제공한 HTML 표준에 따라 보여주도록 권고하기 위함

HTML4는 다음과 같이 세가지 DTD를 지원

 

Strict DTD(엄격모드)

엄격한 HTML 표준을 따르며, <font>와 같은 사용이 금지된 요소와 <frameset>을 사용할 수 없다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


Transitional DTD(호환 모드)

<font>와 같은 사용이 금지된 요소 등을 사용할 수 있으며, <frameset>은 사용할 수 없다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ​Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">​

 

Frameset DTD(프레임셋 모드)

​Transitional DTD와 유사하나 <frameset>을 사용할 수 있다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ​Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">​​

 

HTML5에서의 DTD 

<!DOCTYPE html>​



DTD 선언 종류


HTML 4.01


1) Strict - 정확한 표준 모드로 사용하기 위해서 W3C가 권장한다.

     ex)<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


 

2)Transitional - 이전 버전으로 제작된 HTML 문서와의 호환성을 위해서 사용한다.

     ex)​<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


 

3)​Frameset - 현재는 거의 사용하지 않는 프레임셋을 구현하기 위해서 사용한다.

     ex)​<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

 


XHTML 1.0

1)Strict - 정확한 표준 모드로 사용하기 위해서 W3C가 권장한다.

     ex)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">

 


2)Transitional - 이전 버전으로 제작된 HTML 문서와의 호환성을 위해서 사용한다.

     ex)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1-transitional.dtd">

 


3)Frameset - 현재는 거의 사용하지 않는 프레임셋을 구현하기 위해서 사용한다.

     ex)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1-frameset.dtd">


 

html 5

HTML5는 이전 버전의 HTML로 만들어진 문서와의 호환성을 무시하기 때문에 웹 표준을 이용해서 새로운 웹 사이트를 제작할 경우에 사용한다. 

     ex)<!DOCTYPE html>​

 


※참고사항 


DTD 선언은 반드시 HTML 문서 첫 줄에 위치해야 한다.

Strict DTD는 Transitional DTD보다 과거 콘텐츠와의 호환성면에서 문제가 발생할 수 있으며, 새 창 띄우기 및 iframe의 사용이 제한된다. 

html과 xhtml의 차이는 태그사용의 엄격기준이다.

html에서는 태그가 잘못되어도 알아서 해석해서 그냥 문서를 출력한다. 반면에 xhtml은 태그가 잘못되면 화면에 나오지 않도록 한다

xml과 같은 원리이다 html태그자체를 xml화에서 보여주는걸 xhtml이라고 한다.


저작자표시

'HTML/CSS' 카테고리의 다른 글

border 외곽선이 아닌, 내부에 적용되는 방법, box-sizing:border-box  (0) 2014.10.29
meta 태그의 종류에 대해서 알아보자.  (0) 2014.10.22
font 관련태그 css  (0) 2014.08.08
[웹표준/HTML] <strong>과 <B>차이, <em>과 <i>의 차이  (0) 2014.07.29
IE8버전 이하에서 HTML5 사용하기 [HTML]  (0) 2014.07.28
'HTML/CSS' Related Articles more
Comments