티스토리 뷰

DTD란?

• 브라우저에게 웹페이지의 문서 종류를 알려주는 선언문이다.

• (X)HTML 문서 최상단에 선언

• 브라우저가 올바른 화면표시(rendering)를 하기 위해 필요


-> DTD를 선언하지 않는다면, 브라우저는 호환모드(Quirks mode)로 웹페이지를 해석

해서 화면표시를 한다. 웹 브라우저들마다 Quirks mode일 때 화면을 표시하는 방법이

달라서 문서형을 선언하지 않으면 브라우저 호환성을 확보하기 어렵다.


• 유효성 검사의(Validation)의 기준



DTD 선언은 다양한 환경에서 상호 운용성을 보장하기 위한 첫걸음! 





(X)HTML 유효성 검사(Markup Validation)

• W3C Markup Validation Service : http://validator.w3.org/

• 코드를 검증할 수 있도록 제공하는 툴

• 유효성 검사 : W3C 마크업 밸리데이터 / W3C 링크 체커 / W3C CSS 밸리데이터

• 유효성 검사는 절대적 기준이 아닌 이상적인 목표

• 작성한 코드에 대한 문법적인 오류 체크 



유효성 검사(Validation) 








• DTD 기본형식 



<!DOCTYPE

 이 문서는



html 

 일반적으로 html이나 xhtml으로, 최상위 엘리먼트는 html이므로 html로 작성



PUBLIC 

 PUBLIC or SYSTEM을 설정, PUBLIC(국제적 공용 문서) / SYSTEM(내부적, 제한적 문서)



"-//W3C//DTD XHTML 1.0 Transitional//EN"  

 비공인인증인 W3C기관에 의해 XHTML 1.0을 Transitional 방식의 영어공용어로 출력하며



"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 참조할 DTD 문서는 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 이다.

 

 

 

 

 

 HTML DTD


- Strict : 선언된 HTML 버전의 문법과 구조를 정확하게 사용한다.

 지원하지 않는 태그를 사용해서는 안된다.


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

 

 

 

- Transitional : 과도기적으로 사용하기 위한 선언으로서 strict보다 유연하다.

 선언된 HTML 버전 이외의 문법과 구조를 허용한다.


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



 

- Frameset : Transitional 속성과 더불어, frameset(iframe, frame)을 지원한다.


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



※ frameset은 문서의 구조에 관한 태그이기 때문에, Transitional에서 frameset을 사용해도 화면표시가 일어난다. 

따라서, 사실상 frameset은 Transitional과 동일하게 취급된다.






XHTML DTD


- Strict : 선언된 XHTML 버전의 문법과 구조를 정확하게 사용한다.

 frameset(iframe, frame)이나 지원하지 않는 태그를 사용해서는 안된다.


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

 

 

 

- Transitional : 과도기적으로 사용하기 위한 선언으로서 strict보다 유연하다.

 선언된 XHTML 버전 이외의 문법과 구조를 허용한다.


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




- Frameset : Transitional 속성과 더불어, frameset(iframe, frame)을 지원한다.


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






HTML과 XHTML 중,

어떤 문서형(DTD)을 사용하는 것이 좋을까?

HTML이든 XHTML이든 모두 괜찮지만, HTML보다 XHTML 문법이

확장 가능성이 높기 때문에 개발 편의 및 상위 호환성 측면에서 권장 


※ download & Next Menu



저작자 표시 비영리 변경 금지
신고
댓글