lang/html

구조언어와 표현언어

C/H 2009. 4. 20. 17:12



* 구조언어와 표현언어
 - 문서구조와 시각표현(프론트엔드)
  -- 구조언어 : HTML, XHTML, XML
  -- 표현언어 : CSS1, CSS2
 - 액세스빌리티 WCAG 1.0
 - 동작/조작언어 : ECMAScript DOM
 - 수식 : MathML
 - 그래픽스 : SVG
 - 멀티미디어 : SMIL
 - 시멘틱Web
  -- 메타데이터 : RDF/RDFS OWL

* HTML과 XHTML의 문서형 관계

* HTML 4.0
 - http://www.w3.org/TR/html4
 - CERN의 연구자였던 팀 버너스리 경이 1989년 개바에 착수하여 1991년에 발표
 - W3C 권고로서 1999년 12월에 공표한 HTML4.01 이 최신판
 - Strict, Transitional, Frameset DTD 3가지 문서형

* XHTML1.0(Second Editon)
 - http://www.w3.org/TR/xhtml1
 - HTML을 XML로 재구축한 마크업 언어
 - W3C 권고로 초판이 2001년 1월, 2vksdl 2002년 8월에 공표
 - Strict, Transitional, Frameset DTD 3가지 문서형
 - XHTML Basic : XHTML 하위 요소의 모바일기기용 마크업 언어로 W3C 권고로 2000년 12월 공표

* XHTML1.1
 - http://www.w3.org/xhtml11
 - 모듀로하된 XHTML
 - W3C 권고로 2001년 5월 공표
 - XHTML1.0의 Strict만 문서형으로 인정
 - W3C 권고로 'Ruby Annotation'을 기반으로 하는 루비관련 요소 추가됨
 - 폐지된 요소/속성과 프레임 기능 등이 완전히 배제된 상당히 엄격한 언어

* XML1.0(Thrid Edition)
 - http://www.w3.org/TR/REC-xml
 - 종래의 HTML 한계를 뛰어넘는 언어로 초판 1998년 2월, 제2판 2000년 10월, 제3판 2004년 2월 W3C 권고로 공표
 - 기반언어(메타언어)
 - 기반기술 : Namespaces, Base, Events, Infoset, XIncludes
 - 확장기술 : Schema, XQuery, Xpath, XLink, XForm, XSL
 - 마크업언어 : XHTML
 - 수식기술언어 : MathML
 - 그래픽언어 : SVG
 - 멀티미디어언어 : SMIL

* 왜 HTML이 아니라 XHTML을 채택하는가

** 빠른 데이터 처리와 안정적 브라우즈 동작
 - XHTML은 HTML보다 엄격한 문법을 유지하기 때문에 문서의 처리부담이 적다

** 데이터 재이용성과 정보공유 촉진
 - XHTML로 제작한 페이지는 기계가 문서구조를 분석한 뒤 필요한 부분의 데이터만 읽어들이는게 가능하다.
 - DOM을 이용한 데이터베이스와 연계하여 테이터를 꺼내 부분적으로 이용가능
 - XSLT에 의한 문서 변환가능

** 네임스페이스 이용과 다양한 기기에 대응
 - 네임스페이스 이용으로 MathML과 SVB등의 XML어플리케이션 삽입가능
 - 이 후 등장할 XML어플리케이션을 이용하는 때에도 XHTML의 사양자체를 변경할 필요가 없다.

* XHTML 중에 어떤 문서형을 선택하면 좋을까
 - 비추천 요소/속성을 사용할지가 선택 기준
 - 비추천 사용시 XHTML1.0 Transitional
 - 비추천 미사용 XHTML1.0 Strict
 - XHTML의 장점을 이용하지 않을(포기할)때에 HTML4.01 준수도 좋은선택이다.
 - HTML이건 XHTML이건 프레임 이용은 웹 접근성과 SEO의 관점에서 졶지 않기 때문에 Frameset은 사용하지 않은 것이 좋다.
 - XHTML1.1은 페이지의 HTTP헤더 정보(<meta http-equiv=""/>)를 지정할 수 없고, XHTML의 MIME타입인 'application/xhtml+xml'을 적절하게 구현하지 못하는 브라우저도 있기 때문에 현 상황에서는 선택하지 않는 것이 좋다.

* XHTML의 미래 XHTML2.0
 - XHTML1.1과 같은 모듈화된 XHTML
 - 시각표현과 스크립팅에 관한 기능이 엄격하게 배제되고 구조언어로서의 성격이 강함.
 - 웹 접근성과 국제화 기능 향상
 - 요소/속성의 추가/삭제, 모듈의 정리/통합이 진행

* CSS1
 - http://www.w3.org/TR/REC-CSS1
 - 최초의 CSS사양이며 W3C 권고로서 1996년 12월 공표, 1999년 1월 개정판 공표
 - 색과 배경, 폰트와 텍스트 꾸밈, 마진과 패딩, 보더를 기본으로 스타일 재정

* CSS2
 - http://www.w3.org/TR/REC-CSS2
 - CSS1에서 확장
 - W3C 권고로 1998년 5월 공표
 - 속성과 선택자, 가상 클래스 추가
 - 각종 개념의 명확화와 국제화 대응을 기도
 - 정교해진 위치지정, 내용 생성 제어, 표의 정밀한 레이아웃, 미디어타입도입에 따라 다양한 기긱에 대응하는 스타일 설계

* CSS2.1
 - http://www.w3.org/TR/REC-CSS21
 - CSS2의 에러 수정과 설명 보충/삭제
 - 구현되지 않은 속성과 값(Value)의 정리

* CSS3
 - http://www.w3.org/Style/CSS/current-work
 

※ 웹표준 교과서-XHTML가 CSS로 만드는 '바른' 웹 사이트 / 마시코 타카히로 지음 / 김대석 옮김 / 신승식,신현석,조훈,강민혜 감수 / 김진 펴냄 / 조광현 기획 / 디지털미디어리서치 펴념 / ISBN 978-89-955276-3-3

반응형

'lang > html' 카테고리의 다른 글

수식/그래픽/멀티미디어  (0) 2009.04.22
XHTML  (0) 2009.04.21
웹 표준의 장점  (0) 2009.04.20
데이터 입력의 액세스빌리티  (0) 2009.04.18
네비게이션의 액세스빌리티  (0) 2009.04.18