XML 소개

XML 소개 - XML 문서 구경하기

XML 문서의 구성

문서의 구조, 내용, 출력스타일을 분리
- 구조의 정의 : DTD (Document Type Definition)
- 내용의 작성 : DI (Document Instance)
- 스타일 적용 : CSS (Cascading StyleSheet) or XSL (eXtensible Stylesheet Language)

HTML의 경우
- 논리적 구조의 표현 불가능 : 미리 태그의 형식과 내용이 결정
- 스타일 태그의 혼재 : 내용과 스타일 태그의 구분 없음

구조 정보 및 스타일 정보 분리의 중요성

문서형 선언부(DTD : Document Type Definition)

XML에서 문서의 구조를 정의한 부분, 즉 태그를 정의
- XML 문서의 구조와 각 태그들의 관계를 설정하고 속성 값들을 정의

예 : 간단한 신상 정보를 나타내는 DTD

<?xml version="1.0" encoding="EUC-KR"?>
<!DOCTYPE 방명록 [
        <!ELEMENT 방명록 (성명, 전자우편, 내용)>
        <!ELEMENT 성명 (성, 이름)>
        <!ELEMENT 성 (#PCDATA)>
        <!ELEMENT 이름 (#PCDATA)>
        <!ELEMENT 전자우편 (#PCDATA)>
        <!ELEMENT 내용 (#PCDATA)>
        <!ATTLIST 내용 종류 (TEXT|HTML) "HTML">
]>

문서부(DI : Document Instance)

DTD에 따라 실제 작성된 XML 문서
예 : 위 DTD에 따라 작성한 XML 문서

  <방명록>
      <성명>
          <성>홍</성> <이름>길동</이름>
      </성명>
      <전자우편>gildong@email.com</전자우편>
      <내용 종류="HTML">안녕하세요? 만나서 반갑습니다.</내용>
  </방명록>

XML 문서를 웹브라우저에서 보기

    <?xml version="1.0" encoding="EUC-KR" ?>
<!DOCTYPE 방명록 (View Source for full doctype...)>
- <방명록>
    -  <성명>
          <성>홍</성>
          <이름>길동</이름>
        </성명>
        <전자우편>gildong@email.com</전자우편>
        <내용 종류="HTML">안녕하세요? 만나서 반갑습니다.</내용>
    </방명록>

IE ( 5.0 이상)으로 직접 관찰하기

contents뿐만 아니라 태그까지 나타난다.
- 마음대로 명명한 태그를 브라우저는 바로 이해하지 못한다.
- 스타일에 대한 내용을 분리했기 때문에 브라우저가 이 문서의 출력 방식을 모른다.
- 브라우저는 XML파일에 에러가 없으면 내장하고 있는 기본 스타일을 적용한다.

기본스타일 : 태그의 내용이 트리 형식으로 나타난다.
- 마우스를 "-<방명록>" 위에서 클릭하면 "+<방명록>"으로 바뀌며 동시에 하위 구조들이 사라진다.
- 마우스를 다시 클릭하면 원상 회복된다.

XML파일에 에러가 있는 경우 오류 설명이 나온다.

- 주로 태그의 중첩규칙, 문자 인코딩 방식 등이 틀리기 쉽다.

XML문서에 CSS 스타일 적용하기

원하는 모양대로 XML문서를 모니터에 출력하기 위하여 스타일 정보를 제공해야 한다.
새로운 예제 :

<?xml version="1.0" encoding="EUC-KR"?>

<memo>
<header>
      <to> <heading> To: </heading> <name> 홍길동 </name>
      </to>
      <from> <heading> From: </heading> <name> 장길산 </name>
      </from>
      <date> 1999. 4. 15. </date>
</header>
<body>
<p> 컴퓨터 시스템 구축을 위한 회의가 내일 오후 2시부터 시작될 예정으로 있으니 꼭 참석하여 주시기 바랍니다. </p>
<p> 회의 참석 여부를 오늘 중으로 제게 알려 주시기 바랍니다. </p>
</body>
</memo>

위 문서에 대한 CSS 파일 작성 ex1.css 과 ex2.css

<?xml version="1.0" encoding="EUC-KR"?>
<?xml:stylesheet type="text/css" href="memo0.css"?>
<memo>
<header>
... 위와 동일 ...
</memo>

위 문서에 대한 CSS 파일 작성 memo1.css

memo   { display: block; }
header { display: block; }
to     { display: block; font-style: italic; }
from { display: block; font-weight: bold; }
date   { display: block; text-align: right; }
body { display: block; margin-top: 1em; }
p { display: block; margin-top: 0.5em; } 　

<?xml version="1.0" encoding="EUC-KR"?>
<?xml:stylesheet type="text/css" href="memo1.css"?>
<memo>
<header>
<to> <heading> To: </heading>
... 위와 동일 ...
</memo>

또 다른 CSS 파일 작성 memo2.css

memo { display: block; }
header { display: block; }
heading { font-weight: bold; color: blue; }
to name { font-style: italic; }
from name { font-weight: bold; }
date { color: red; font-weight: bold; }
body { font-size="2"; display: block;
margin-top: 1em; }
p { display: block; margin-top: 1em; }

<?xml version="1.0" encoding="EUC-KR"?>
<?xml:stylesheet type="text/css" href="memo2.css"?>
<memo>
<header>
<to> <heading> To: </heading>
... 위와 동일 ...
</memo>

XML 문서의 출력과정

XML 문서의 출력은 보통 XSL(XML Stylesheet Language) 스타일 시트에 의해 정의
- XML 문서의 각 요소가 웹 브라우저에 어떻게 배치(layout)되고 출력(display)될 것인지를 지정

결과적으로 XML은 문서의 논리적 구조 및 내용과 출력형식이 분리되는 것을 원칙

XSL을 이용하여 XML 문서를 웹브라우저에서 보기

예: memo3.xsl (memo2.css와 유사 스타일)

<?xml version="1.0" encoding="EUC-KR"?>
<?xml:stylesheet type="text/xsl" href="memo3.xsl"?>
<memo>
<header>
... 위와 동일 ...
</memo>

예: 방명록 예제에 XSL 적용

<?xml version="1.0" encoding="EUC-KR"?>
<?xml:stylesheet type="text/xsl" href="memo3.xsl"?>
<방명록>
<성명>
<성>홍</성> <이름>길동</이름>

HTML 문서로 변환도 가능 : XML문서에 XSL을 적용하여 변환

HTML과 XML의 비교

XML은 정보의 재사용과 검색에 있어서 HTML에 비해 많은 장점을 가짐

비교표

	HTML	XML
문서의 구조 정의	불가능	가능
태그사용	제한된 고정된 태그 사용	사용자 정의 가능
문서의 재사용	어려움	가능
문서 작성	간단하고 용이	HTML보다는 어려움
응용 분야	단순한 구조의 문서	상세하고 복잡한 구조의 문서
문서 검색	전문 검색 과정 필요	구조 검색이 가능
출력 언어	CSS	XSL (또는 CSS)