XML Style��� ������, 브라��������� ������, 디������래��� 방��� ,XML과 CSS��� ������ 방������ ������방법
1. XML+CSS ¶
- XML문���는 CSS를 ������������ 브라��������� ���������는 것��� 가능���다.
- 그러나 CSS로 ��������� ������를 ���������때는 �����가 ���다.
- CSS는 ������,���깔,�������과 같��� ������������ ������������ 기������는 ���������다.
- XML문���가 단������ ��������� ��������� 문������면 CSS로만���로�� ���������는것��� ��������다.
- ������만 XML문���는 반드��� ��������� ��������� 내���들로만 ���루������ 것�� �����다
- 그리고 ����������� ��������� 보������ 되면��� ���러 ��������� 데������들��� ��������� ��� ���는 문��� ���맷��� 되��� ���더 다������ 디����������� 방������ ���������다.
- ���런 CSS��� �����를 극복������ ���더 ���������고 다������게 디����������� 방������ 기������ ��� ���는 방법��� XSL���다.
2.1. PI부�� ¶
~cpp <!-- mydoc.css를 ���������겠다 --> <?xml-stylesheet type="text/css" href="mydoc.css"?>
2.2. 링��� ������ ¶
- <HTML : A>���그를 ������ ���것��� ���������기 ���������는
~cpp <MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional">
- ���렇게 ������������������를 ��������� ������������다.
- 그리고 ������ 같��� HTML ������ ������������를 ��������� 경������는 <HTML : A> 뿐 �����라 다른 HTML��� ���그들�� HTML ������ ��������������� Prefix를 붙��� ��������� ������다.
- 다른 URL로 ���동���는 ���
~cpp <HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp">How to Write a CSS StyleSheet for Browsing XML</HTML:A>
3. ������ ¶
- XML 부��
~cpp <?xml version="1.0" encoding="KSC5601"?> <?xml-stylesheet type="text/css" href="mydoc.css"?> <!DOCTYPE MYDOC SYSTEM "mydoc.dtd"> <MYDOC xmlns:HTML="http://www.w3.org/Profiles/XHTML-transitional"> <TITLE> IE5��������� XML 문��� 보기(XML+CSS) </TITLE> <DATE TYPE="BEGINNING_DATE"> <YEAR>1999</YEAR> <MONTH>10</MONTH> <DAY>20</DAY> </DATE> <AUTHOR> <NAME>���������</NAME> <EMAIL><HTML:A href="mailto:jiyuns@netsgo.com">jiyuns@netsgo.com</HTML:A> </EMAIL> </AUTHOR> <ABSTRACT> XML 문���를 ������로 보는 방법���. ������ IE5.0��� XML��� ���������므로, IE5.0��� 브라������로 ���������고 ���������로는 CSS를 ������������ 볼 ��� ���는 방법��� ���명��� 것 �����다. ��� 문��� 또��� XML로 ������되��� ��������다. </ABSTRACT> <BODY> <MODULE> <MTITLE>1. IE5.0������ XML 문��� 보는 방법</MTITLE> <MBODY> <LIST> <LCOMPO>(1) XML + XSL </LCOMPO> <LCOMPO>(2) XML + CSS </LCOMPO> </LIST> <PA>XML��� ��������������� ������는 XSL로, XSL로 기���된 ���������������를 ������������, XML 문������ ������������ ��������� ��� �����록 ������되������ ���다. MS������ IE5������ XML��� ���������게 되면���, CSS�� XML��� ���������������로 ��������� ��� ���게 되���다. ������ IE5.0������는 XML��� ������ ������������������ XSL과 CSS로 ������된 ������������ 모두 ��������� ��� �����록 ���������다. IE5.0���는 XML Parser��� XSL Processor가 ������되������ ������, XSL��� ��������������� ������로 ��������� 경���, XML 문���를 Parser를 ������ ��������� 뒤 XSL ���로������가 ������된 ������������ 따라��� 디�����������될 내���들��� 내부������로 HTML로 변���������, ������������로 IE5.0��� 디����������� ���게 된다.</PA> <PB/> <PA>XML문���를 ������는 ���������로 보기 ���������는, ������ ������ 되는 ���������������를 만들������ ��������� ���고, ���떤 ���������������를 ��������� ���를 ���당 XML문��� 내부��� 기������ ��������� ���다. 브라������는 XML 문���를 ������들���면���, ���������������가 ������되��� ���다면, 그 ��������������� ��������� ��러들��� ���당���는 ������������ 맞게 브라��������� 디��������������게 된다. ���기������는 ������ ������ 되는 ���������������를 ���������는 방법, ��� ���떤 ������ ���겠다고 ���������는 방법��� 다���과 같다.</PA> <PB/> <PA>< ?xml-stylesheet type="text/css" href="mydoc.css"? > </PA> <PB/> <PA>������ ��������� ���미는 ������������������ ��������� CSS���고 CSS가 기���되��� ���는 ��������� mydoc.css���라는 뜻���다.</PA> <PA>만��� XSL로 기���된 ���������������를 ���������고��� ���다면, 다���과 같��������� ���������다.</PA> <PB/> <PA>< ?xml-stylesheet type="text/xsl" href="mydoc.xsl"? > </PA> <PB/> <PA>���러��� ��������� ���������������를 ���������는 부����� XML 문������ ���롤로그��� ���������며, ���반������로 XML ������부 바로 뒤���, document type ������부 ������ ���������게 된다.</PA> <PA> <HTML:A href="mydoc_itself.xml">���고</HTML:A> : ��� XML 문��������� ��������� ��������� 부����� ������를 ���������보���면 됩��다.</PA> </MBODY> <MTITLE></MTITLE> <MBODY> <PA>Q. ���������������가 ���������된 XML 문���는 IE5로 볼 ��� ���는가?</PA> <PA>A. IE5������는 ������������ ������되��� ������ 경������는 ��������� ���공���는 디������ ������������ 따라 ���당 XML 문���를 볼 ��� �����록 ���������다.</PA> <PA> <HTML:A href="mydoc_nostyle.xml">���고</HTML:A> : ������������ ���������된 문��� 보기��������다. IE5��� 디������ ������������ ���������볼 ��� ��������다. </PA> </MBODY> </MODULE> <MODULE> <MTITLE>2. ���������기</MTITLE> <MBODY> <LIST> <LCOMPO>(1) XML 문��� 브라��������� ���������는 IE5.0��� ���������다.</LCOMPO> <LCOMPO>(2) XML 문���를 ���������다.</LCOMPO> <LCOMPO>(3) CSS를 만든다.</LCOMPO> <LCOMPO>(4) XML문������ ���������로 ���������고��� ���는 CSS를 ���는다.</LCOMPO> <LCOMPO>(5) IE5.0���로 본다!</LCOMPO> </LIST> <PA>DTD를 보고, ������되는 ���리먼���들��� 대������ ������������ ��������� 둔다. 만��� DTD를 ������������ ���는 문���라면, ������ 문���내������ 보고 문��� 내������ ������되는 ���리먼���들��� ������봐��� ���다. 같��� DTD를 ���������는 XML 문���들��� 대������는 같��� ������������ ������������ ��������� ��� ������므로, ������������ ��� ��만 ����������� 같��� ���래������ ������는 XML문���들��� ���께 ��������� ��� ���다. 또 반면���, ���나��� 문���라�� ������된 ������������ ���럿���라면, ��� ���러개��� ���������들��� ������������ 다르게 디����������� ������ ����� ���다.</PA> </MBODY> </MODULE> <MODULE> <MTITLE>3. ������보기</MTITLE> <MBODY> <PA>XML 문������ 대��� ������를 보���려면 ��� 문������ ������보기를 ���보������!</PA> <PA>��� 문���가 바로 XML로 ������되��������다.</PA> <PA>또는 ������ ������로 보기로 ���공되는 것��� 다���과 같�����다.</PA> <LIST> <LCOMPO>(1) <HTML:A href="mydoc_itself.xml">������ XML 문��� 보기</HTML:A></LCOMPO> <LCOMPO>(2) <HTML:A href="mydoc_nostyle.xml">������������ ���������된 문��� 보기(IE5.0��� raw style)</HTML:A></LCOMPO> <LCOMPO>(3) <HTML:A href="mydoc_style.xml">��� XML 문���가 ���������는 CSS로 ������된 ��������������� 보기</HTML:A></LCOMPO> <LCOMPO>(4) <HTML:A href="mydoc_dtd.xml">��� XML 문���가 ���������는 DTD 보기</HTML:A></LCOMPO> </LIST> </MBODY> </MODULE> <MODULE> <MTITLE>4. 고려������</MTITLE> <MBODY> <PA>��������� IE5.0������는 XLink는 ������������ ���는다. 그런데, ������������������를 ������������ HTML A링��� 기능��� ��������� ���는 ���다. XLink������ ������되는 ������된 개념��� 링���를 ���������는 것��� ��������� IE5.0브라������ ������는 ��������� 되������기때문���, ������로���는 ��������� 단방������ end link가 ���나로 ������되는 simple link를 ��������� ��� 밖��� ���다.</PA> <PA>XML문���내������ ������������������를 ������������ HTML��� A링���를 ������������ 링���를 ���������는 방법��� <HTML:A href = "xml_hlink.xml">���기</HTML:A>��� ���명되������다.</PA> </MBODY> </MODULE> <MODULE> <MTITLE>5. Refereces</MTITLE> <MBODY> <LIST> <LCOMPO> [1]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-css.asp "> How to Write a CSS Style Sheet for Browsing XML</HTML:A> </LCOMPO> <LCOMPO> [2]<HTML:A href="http://msdn.microsoft.com/xml/xslguide/browsing-overview.asp"> Browsing XML Documents in Internet Explorer 5</HTML:A> </LCOMPO> <LCOMPO> [3]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-css.xml"> MSDN������ ���공���는 CSS������ XML 문��� ������</HTML:A>(IE5.0 required) </LCOMPO> <LCOMPO> [4]<HTML:A href="http://msdn.microsoft.com/xml/samples/review/review-xsl.xml"> MSDN������ ���공���는 XSL������ XML 문��� ������</HTML:A> (IE5.0 required) </LCOMPO> </LIST> <!-- <HTML:A href = "xmllink.xml">���기</HTML:A>��� ���명되������다.</PA> --> </MBODY> </MODULE> </BODY> <FOOT> <PA>��� 문���는 <HTML:A href="mailto:jiyuns@netsgo.com">������</HTML:A>������ ������ ������ ������������로 배���������나</PA> <PA>������������나 ��������� ��� ������며, 그 ��������� �����로 ��������� ������는 ������를 밝���������고, </PA> <PA>�� ������������ 목������로 ������������나 배������는 경�������� ������������ ������가 ��������� �����다.</PA> <PA>All Rights Reserved by Lee, Jiyun</PA> </FOOT> </MYDOC>
- DTD 부��
~cpp <!ELEMENT MYDOC (TITLE,DATE*,AUTHOR*,DOCDESC?,ABSTRACT?,BODY?,FOOT?)> <!ELEMENT TITLE (#PCDATA)> <!ELEMENT DOCDESC (#PCDATA)> <!ELEMENT ABSTRACT ANY> <!ELEMENT DATE (YEAR, MONTH, DAY)> <!ATTLIST DATE TYPE (LAST_MODIFIED|BEGINNING_DATE) #REQUIRED> <!ELEMENT YEAR (#PCDATA)> <!ELEMENT MONTH (#PCDATA)> <!ELEMENT DAY (#PCDATA)> <!ELEMENT AUTHOR (NAME,EMAIL,(PHONE)?)> <!ELEMENT NAME (#PCDATA)> <!ELEMENT EMAIL (#PCDATA)> <!ELEMENT PHONE (#PCDATA)> <!ELEMENT BODY (CONTENT?,(MODULE|PA)*)> <!ELEMENT MODULE (MTITLE,MBODY)*> <!ELEMENT MBODY (PA | PB | LIST | COMMENT | SUBLIST | BLOCK)*> <!ELEMENT MTITLE (#PCDATA)> <!ELEMENT PA ANY> <!ELEMENT PB EMPTY> <!ELEMENT XMP ANY> <!ELEMENT BLOCK ANY> <!ELEMENT CONTENT (MTITLE,MBODY)*> <!ELEMENT LIST ((((LTITLE)*,((LCOMPO)+ | SUBLIST)) | LIST)*) > <!ELEMENT SUBLIST (LCOMPO)*> <!ELEMENT LTITLE (#PCDATA)> <!ELEMENT LCOMPO ANY> <!ELEMENT COMMENT (#PCDATA)> <!ELEMENT FOOT (PA)*>
- CSS 부��
~cpp TITLE{ display :block; font-size :18pt; font-weight :bold; font-family :Times New Roman; color :#333377; text-align :center; margin-top :2em; margin-bottom :1em; } DATE{ display :block; margin-top :0.5em; margin-bottom :0em; text-align :center; } YEAR{ display :inline; font-size :10pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } MONTH{ display :inline; font-size :10pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } DAY{ display :inline; font-size :10pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } AUTHOR{ display :block; margin-top :0em; margin-bottom :0.5em; text-align :center; } NAME{ display :block; font-size :10pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } EMAIL{ display :block; font-size :10pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } ABSTRACT{ display :block; font-size :9pt; font-weight :normal; font-family :바������,Times New Roman; color :black; margin-left :8em; margin-right :8em; margin-top :2em; margin-bottom :1.5em; } BODY{ display :block; margin-left :1em; margin-right :1em; margin-top :2em; margin-bottom :2em; } MODULE{ display :block; margin-left :0em; margin-right :0em; margin-top :2em; margin-bottom :2em; } MBODY{ display :block; margin-left :1em; margin-right :0em; margin-top :0.5em; margin-bottom :1em; } FOOT{ display :block; text-align :center; margin-left :2em; margin-right :2em; margin-top :3em; margin-bottom :2em; } PA{ display :block; font-size :9pt; font-weight :normal; font-family :바������,Times New Roman; color :black; } LIST{ display :block; margin-left :1.5em; margin-right :2em; margin-top :0.5em; margin-bottom :0.5em; } LCOMPO{ display :block; font-size :9pt; margin-left :0.8em; margin-right :2em; margin-top :0em; margin-bottom :0em; } SUBLIST{ display :block; margin-left :4em; margin-right :2em; margin-top :1em; margin-bottom :1em; }