2008년 06월 10일
알고쓰는가? Doctype

Doctype 이 얼마나 중요한지 10페이지 내외 홈페이지만 찍어내던 분들은 모를것이다.
우리가 흔히 말하는 홈페이지는 문서이다.
이 문서가 어떠한 기준,, 즉 표준에 의해 만들어졌는지에 대한 정보를 문서의 최상단에 제공함으로써 웹브라우저가 웹문서를 파싱할때 즉, 읽어서 화면에 뿌려주는 모양이 틀려진다.

Doctype 에 따라 스타일시트에 사용되는 속성값과 브라우져 종류별로 보여지는 모양새가 약간씩 다르다..
또한, html4.01 인지, xhtml1.0 인지에 따라 코딩하는 방법또한 틀리며,, 이것은 한두페이지로 끝나는것이 아니라
적게는 수십, 많게는 수백 수천의 페이지를 코딩해야하므로. 첫단추를 잘못채우면 프로젝트 막판에.. 혹은 끝내놓고 끝도없는 유지보수를 해야하는 사상초유의 사태가 벌어질지 모를 일이다..

잘 모르겠다면 아래의 내용을 보자.

<!-- 여기부터 퍼옴 -->

HTML 4.01 호환모드

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

가장 최근의 CSS 규격을 따름. 엘리먼트 배치가 자유로움, 스크롤링 레이어 같은건 사용불가능, position, display 속성과 구현 방법의 차이가 상이, frame 사용 불가능

 

HTML 4.01 엄격모드

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

1999년 12월 24일 확정 규격. 권장하지 않는 element, attribute, frame 사용불가, 엘리먼트 배치가 엄격함, 일부태그가 완전히 먹통, 가장 이상적인 문서작성시 사용.

 

 

XHTML 1.0 호환모드

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

1999년 12월 24일 확정된 프레임문서. frameset이 사용가능. 하지만 넷스케이프.. FF(파이어폭스)쪽의 frame은 전혀 작동 되지 않음

 

 

XHTML 1.0 엄격모드

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

 

가장 많이 쓰이는 선언인

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

에 대해서 해석해보도록 하겠습니다.

 

"해당 문서 HTML출력용 문서로써 W3W의 HTML DTD 4.01을 기반으로 Transitional방식으로 동작하며 영어로 출력한다, 참조 문서는 http://www.w3.org/TR/html4/loose.dtd이다"

 

쯤 되겠네요.

 

여기서 Transitional은 DTD가 어떤타입으로 작성되었는지의 분류입니다.

Strict : 권장 표준안
Transitional : Strict 보단 완화된 표준안
Frameset : 프레임을 나눌경우 프레임페이지에 사용되는 표준안

 

아 이 선언을 해주지 않게 되면 해당 브라우저가 알아서 기본내장되어진 dtd문서를 기반으로 웹페이지를 표현합니다.

[출처] DOCTYPE(Document Type) 선언|작성자 강운

<!-- 여기까지 퍼옴 -->
기본내장되어진 dtd문서를 기반으로 웹페이지를 표현한다고 했다.
dtd 없이 걍..
되는데로..
서로 다른 브라우져에서 서로다른 모양으로.. 보여진다는 말이다.
한두페이지,, 한두줄의 수정이면 모를까. 수백,수천페이지를 수정하라고 하면 나같으면 회사 부도처리한다.

이 글과 관련있는 글을 자동검색한 결과입니다 [?]

by publy | 2008/06/10 00:45 | UI개발 | 트랙백(3) | 덧글(0)
트랙백 주소 : http://publy.egloos.com/tb/450063
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Tracked from Transexual d.. at 2008/11/15 05:08

제목 : Transexual dating services r..
Transexual dating. Transexual dating services reviewed....more

Tracked from Catholic and.. at 2008/11/15 12:51

제목 : Asian catholic dating.
Catholic dating. Chicago christian catholic dating....more

Tracked from Sexy dating .. at 2008/11/16 05:44

제목 : Adult singles dating site.
Adult singles dating site....more

:         :

:

비공개 덧글



<< 이전 페이지 | 다음 페이지 >>


Copyright (c) Publy.egloos.com All Rights Reserved.