HTML 문서의 표준을 지정하기 위해 선언해주어야 하는 DTD DOCTYPE 그것이 무엇일까요? DTD 는 Document Type Definition 문서의 타입을 정의하는 것 입니다. 보통 독타입에는 몇가지가 있는데요.
Strict - W3C가 의도했던 문서 타입 (엄격한 규격)
Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 표현(presentation)에 관한 태그와 속성을 배제한 문서 타입입니다. 제작자는 가능하다면 strict 타입을 사용해야 한다는데요.
Transitional - 기존에 만들어진 문서들과의 호환성을 위해서 만들어짐 (과도적인 규격)
과거의 모든 문서들을 Strict DTD에 맞게 바꾸려면 엄청난 변화가 필요하므로 그 중간 단계로 Transitional DTD를 설정하였습니다. strict 타입이 불가피하게 표현을 담당하는 속성이 필요할 경우에는 Transitional 타입을 사용하면 됩니다.
Frameset - Transitional DTD 기반 위에 프레임 지원 (프레임 사용 가능)
Transitional DTD 기반 위에 프레임 지원을 위한 태그와 속성을 추가한 문서 타입입니다. 그러므로 문서의 구조화에 있어서는 Transitional 과 동일하게 취급됩니다.
자세한 내용은 자세한 내용은 역시 W3C에 가보면 잘 나와있겠죠? 그리고 naradesign 에 가보셔도 잘 나와있습니다.
그렇다면 이제 HTML5의 DTD에 대해서 알아볼까요? HTML5의 DTD는 바로 이렇습니다. 모바일 웹의 인기가 증가하게 되면서 리소스를 많이 차지하는 플래시보다는 어떤 환경에서도 잘 나올 수 있는 HTML5에 관심이 집중되고 있는데요. HTML5의 DOCTYPE은 아주 간단합니다.
와우~ 정말 간단네요. 단적으로 애플사이트에 공개된 HTML5를 통해 아이패드를 완벽하게 지원하는 미국 사이트들은 매우 많으며 지금도 계속해서 그 수가 증가하고 있습니다. 아직은 확실히 된것은 아니지만 Flash와 HTML5 도대체 어떤것이 인터넷세상을 주도할지 관심이 집중 되네요.
Strict - W3C가 의도했던 문서 타입 (엄격한 규격)
Strict 타입은 W3C가 스타일시트 사용을 장려하기 위해 단계적으로 사라질 표현(presentation)에 관한 태그와 속성을 배제한 문서 타입입니다. 제작자는 가능하다면 strict 타입을 사용해야 한다는데요.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional - 기존에 만들어진 문서들과의 호환성을 위해서 만들어짐 (과도적인 규격)
과거의 모든 문서들을 Strict DTD에 맞게 바꾸려면 엄청난 변화가 필요하므로 그 중간 단계로 Transitional DTD를 설정하였습니다. strict 타입이 불가피하게 표현을 담당하는 속성이 필요할 경우에는 Transitional 타입을 사용하면 됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset - Transitional DTD 기반 위에 프레임 지원 (프레임 사용 가능)
Transitional DTD 기반 위에 프레임 지원을 위한 태그와 속성을 추가한 문서 타입입니다. 그러므로 문서의 구조화에 있어서는 Transitional 과 동일하게 취급됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01 Frameset//EN" http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
자세한 내용은 자세한 내용은 역시 W3C에 가보면 잘 나와있겠죠? 그리고 naradesign 에 가보셔도 잘 나와있습니다.
그렇다면 이제 HTML5의 DTD에 대해서 알아볼까요? HTML5의 DTD는 바로 이렇습니다. 모바일 웹의 인기가 증가하게 되면서 리소스를 많이 차지하는 플래시보다는 어떤 환경에서도 잘 나올 수 있는 HTML5에 관심이 집중되고 있는데요. HTML5의 DOCTYPE은 아주 간단합니다.
<!DOCTYPE html>
와우~ 정말 간단네요. 단적으로 애플사이트에 공개된 HTML5를 통해 아이패드를 완벽하게 지원하는 미국 사이트들은 매우 많으며 지금도 계속해서 그 수가 증가하고 있습니다. 아직은 확실히 된것은 아니지만 Flash와 HTML5 도대체 어떤것이 인터넷세상을 주도할지 관심이 집중 되네요.
반응형
'Internet World > HTML/CSS' 카테고리의 다른 글
| CSS3 지원하는 브라우져 (0) | 2010.06.07 |
|---|---|
| [HTML5] HTML5 로 만든 사파리 Welcom 동영상 (0) | 2010.05.28 |
| [HTML/CSS] 늘어나는 박스 만들기 (0) | 2010.05.25 |
| 인풋박스(input) 기본입력 설정 ime-mode (0) | 2010.05.19 |
| [HTML5] HTML5 Canvas and Audio Experiment (0) | 2010.05.18 |
