[HTML 쉽게 이해하기 강좌] - DOCTYPE에 대해서

티스토리 뷰

IT 이야기/프로그래밍

하늘과 나b 2011. 12. 5. 15:13

이 DOCTYPE은 반드시 쓰지 않아도 큰 문제는 없습니다.
하지만 이 DOCTYPE을 선언해줌으로써
브라우저가 좀 더 빠르고 정확하게 문서를 분석하여 표현해주며,
제작도구에서도 이 선언에 따라 문서에 제약을 걸어 정확한 표현을 해줄 수 있도록 해줍니다.

XHTML의 DOCTYPE은 strict, transitional, frameset의 세 종류로 이루어져 있으며, HTML 문서 최상단에 어떠한 요소보다 우선적으로 선언되어야 합니다. 그래야 웹브라우저에서 DOCTYPE을 구분할 수 있습니다.

XHTML 1.0 Strict dtd

strict dtd는 XHTML을 엄격하게 적용하는 규칙입니다.
경우에 따라서는 HTML 4.01 기반에서 사용하던 태그를 사용하지 못하는 경우도 있습니다.

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

XHTML 1.0 Transitional dtd

transitional dtd는 HTML 4.01과 완벽하게 호환되는 규칙입니다.

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

XHTML 1.0 Frameset dtd

frameset dtd는 오래된 구조인 frameset을 위한 DOCTYPE으로 지금은 잘 사용하지 않습니다.

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

[CSS 쉽게 이해하기] CSS 기본 (0)	2011.12.07
당신이 사용하고 있는 브라우저에서 HTML5를 사용한다면 점수는? (0)	2011.12.07
[HTML 쉽게 이해하기 강좌] - <input> 태그 (0)	2011.12.07
[HTML 쉽게 이해하기 강좌] - <form> 태그 (0)	2011.12.07
[HTML 쉽게 이해하기 강좌] - Element Level에 대해서 (0)	2011.12.05
[Javascript] getElementById 예제 - 링크 보이기/숨기기 (0)	2011.12.05
[C언어] 함수 rand(), srand() 쉽게 이해하기 (55)	2011.12.05
[Javascript] 홈페이지에 현재의 년월일을 이미지로 된 숫자로 표시하는 자바스크립트 소스 (1)	2011.12.03
[HTML 쉽게 이해하기 강좌] - <h1>~<h6> 태그에 대해서 (0)	2011.12.03
[HTML 쉽게 이해하기 강좌] - <head> 태그에 대해서 (0)	2011.12.02

공유하기 링크

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함