Javascript & JQuery & CSS

Javascript & JQuery & CSS > Document Type Definition DTD

등록일 : 2017-07-04 18:21 조회수 : 34,881

DTD란 Document Type Definition의 약자로 말그대로 문서의 형태를 지정해주는 겁니다. DTD는 <!DOCTYPE>이라는 앨리먼트로 정의합니다.

이 DOCumentTYPE은 웹표준차원에서도 꼭 필요합니다. 왜냐면 html의 버전에따라 표기방식과 사용할수있는 요소등 다른 부분들이 있습니다.

이러한 것들을 혼동하여 사용하게된다면 웹상에 문서를 띄울때 전혀 의도치 않은 결과물을 뽑아낼 수 도있습니다.

*html의 DOCTYPE의 종류
-------------------------------------------------------------
HTML 3.2
< !DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML 4.01
< !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">

HTML 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">

XHTML Basic 1.0
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

XHTML Basic 1.1
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN">

HTML5
< !DOCTYPE html>

-------------------------------------------------------------

쭉보고나면 아주 복잡합니다. 멘붕이 오지요.ㅋㅋㅋ
하지만 절대 외울 필요없습니다.
우린 최신의 기술을 배울것이기 때문에 맨밑의 <!DOCTYPE html>만 기억하면될것입니다. 바로 html5의 독타입이지요.

그래도 다른 독타입에 대한 간단한 설명하자면 strict는 엄격하고 Transitional은 중간격인데 Frameset은 엄격하지않다고 보면되는데요.

strict는 앞으로 없어질 속성등을 엄격하게 사용하지않고 작성하겟다는것이고,
Transitinal은 지금은 사용하지만 나중에 없어지게되는 요소들이 있다면 수정하겠다라는 뜻이구요.
frameset은 맨처음 작성한 방식을 고수하겟다. 옛날식대로 두겟다는뜻입니다.

목록으로