앞서 SGML에 관해서 간단히 이야기 했습니다. SGML은 메타적인 언어로 사실상 어떠한 마크업으로 작성하겠다는 선언적 의미를 가질 뿐이며 이것의 구현은 어디까지나 해당 문서를 제안하고 이러한 내용으로 쓰겠다는 사람들의 몫입니다. 구체적으로 HTML 문서형식까지 내려오면서 이에 맞게 특화된 브라우저가 바로 웹브라우저이고요.
여기서 SGML은 SGML Declaration, SGML DTD, SGML Document Instance로 나눠볼 수 있다고 하였습니다. 우리가 웹 HTML 문서를 작성하는 것은 SGML Document Instance입니다. 마크업에 관련된 내용인 SGML Declaration과 요소 사용에 관한 규칙을 다룬 SGML DTD는 이미 W3C란 곳을 통해서 정해졌고 그곳에서 나온 권고안을 따릅니다.
HTML이 SGML을 처음부터 염두하고 만들었는지에 관한 이야기는 분분합니다. 그러나 SGML도 표준화법용마크업이라는 단어적인 의미를 그대로 본다면 기존의 HTML이 SGML에 관해 포함시키거나 하는 것도 그리 어려운 내용은 아니었을 것입니다. 적어도 HTML DTD는 HTML2.0쯔음에 등장하였고 이떄부터 SGML로 보기에는 맞긴 합니다.
2000년대 초에 나온 애니매이션 공각기동대를 보면은 몇회인지 모르겠지만 중간에 소스코드가 나오는데 이때 HTML DTD가 나오더라고요.
그렇다면 HTML DTD는 어떠한 의미를 가지고 있을까요? 일단은 이것을 정하고 발행하는 곳은 W3C입니다. 과거에는 브라우저 전쟁이라고 해서 넷스케이프 진영과 익스플로어와의 시장에서 큰 싸움이 있었고 결국 익스의 승리로 끝나는 것 같았으나 다시 2차(?) 전쟁이 시장에서 벌어졌죠. 파이어폭스 등장이나 꾸준한 사랑을 받는 오페라, 그리고 각종 모바일 기기 부터 TV까지 다양한 플래폼으로 나오게 되었습니다.
과거 1차 전쟁때는 HTML 문서에 관해 이렇다할 약속보다는 각 브라우저 회사마다 자기만의 독특한 내용이 많았습니다. IE의 Marquee 태그나 넷스케이브사의 Blink 같은 태그죠. 이것들은 양측의 합의를 걸쳐 둘다 결국 사라졌지만, Marquee는 아마 여전히 익스에서 동작할 것이고요.
여튼 이러한 혼란속에 또한 합의와 함께 HTML DTD의 적시는 W3C에서 제안한 것을 따른다는 의미를 갖게되었고, 이것이 문서 쓰기에 웹표준의 시작점이 되었을 것입니다.
사실 HTML DTD는 그저 요소간의 부모관계나 속성 및 값에 관한 내용을 담은 Schema인데, 이것은 이제 그 이상의 의미를 가져 심지어 CSS 처리나 DOM 관련 내용까지 작동되는 방식에 관여하게 되었습니다.
W3C에서 제안한 HTML 문서 형식은 다양한 버전이 존재합니다. 많이 쓰이던 과거의 4.01부터 이를 XML 문법에 맞처 만든 XHTML 1.1, 또한 각각의 버전에서 보다 엄격히 따르겠다는 Strict, 가령 deprecated 된 요소까지 다루는 transitional, 또한 프레임에 관한 내용을 다룬 것까지 종류가.... 과연 무엇을 써야 하는 것이 옳을까요? 그것은 작성하는 사람의 목적에 달려있습니다라고 말하면 너무 허무한 결론이며 저는 다음과 같이 사용합니다.
<!doctype html>
보통 HTML5의 DTD라고 이야기하나 사실 DTD를 받으면 브라우저가 이에 맞춰 처리해야하는데 실상은 그러하지 못합니다. 파이어폭스가 엄격히 따져 DTD를 가려 처리하기는 하지만 IE는 별차이 없기도 합니다. 다만 구형 IE 브라우저를 포함하여 또한 HTML5까지 담아볼 수 있는 DTD가 위와 같이 간단한 것이 아닐까 합니다. 또한 외워서 적기에는 참 깁니다. ㅎㅎ 그저 위와같이 짧게 적으면 그것이면 일단 원하는 것에 족합니다. Ie6도 비록 html5가 몬지 모르지만 이것을 보면 이 문서는w3c 동네의 dtd로, 곧 웹표준(?) 문서이구나 하면서 그렇게 처리합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 12413 | |
| 12412 | |
| 12411 |
JavaScript
실시간 카운트 다운 시계 입니다.
|
| 12410 |
jQuery
jQuery, 이미지맵 마우스오버시 하이라이트 표시
|
| 12407 | |
| 12406 | |
| 12405 | |
| 12404 |
JavaScript
한번만 submit 되게 하기 입니다.
|
| 12403 |
JavaScript
영문자나 숫자만 입력 할 수 있게 하기 입니다.
|
| 12402 |
JavaScript
현재 페이지 이메일로 보내는 버튼 만들기 입니다.
|
| 12401 |
JavaScript
모바일웹에서 PC버전 링크
|
| 12400 |
JavaScript
특정 파일형태만 업로드 하기 입니다.
|
| 12399 |
JavaScript
입력 문자열 앞에 붙는 공백 제거하기 입니다.
|
| 12398 |
JavaScript
키보드 방향키로 창의 위치를 이동시키기 입니다.
|
| 12397 | |
| 12396 | |
| 12395 |
JavaScript
키보드 눌러 이동하는 단축키 사용하기 입니다.
|
| 12394 |
JavaScript
책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
|
| 12393 |
JavaScript
마우스를 대면 링크 이미지들을 보여주기 입니다.
|
| 12392 |
PHP
pushbullet 푸시 발송
|
| 12391 |
MySQL
같은 컬럼의 행들을 한번에 UPDATE 하기
|
| 12390 |
JavaScript
이미지들을 보여주는 풀다운 콤보메뉴 입니다.
|
| 12389 |
JavaScript
부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
|
| 12388 |
JavaScript
끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
|
| 12387 |
PHP
php 주요 정리 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기