U E D R , A S I H C RSS

XML Study_2002/XML+CSS

XML Style�� ����, 브라������ ����, 디����래�� 방�� ,XML과 CSS�� ������ ����방법


1. XML+CSS

  • XML문�는 CSS를 ������� 브라������ ����는 것�� 가능��다.
  • 그러나 CSS로 ������ ����를 ����때는 ���다.
  • CSS는 ����,��깔,���과 같�� �������� ��������는 ������다.
  • XML문�가 단 ������ ������ 문��면 CSS로만��로� ����는것�� �����다.
  • ����만 XML문�는 반드�� ������ ������ 내��들로만 ��루�� 것�
  • 그리고 ������� ������ 보���� 되면��러 ������ 데���들 ������ 는 문��맷�� 되�� ��더 다���� 디������� 방���� ����다.
  • ��런 CSS�� ���를 극복����더 ������고 다����게 디������� 방���� 는 방법�� XSL��다.

2. CSS를 ��는데 ������ ��

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>&#x3c; ?xml-stylesheet type="text/css" href="mydoc.css"? &#x3e; </PA>
<PB/>

<PA>�� ���� ��미는 ������������ ������ CSS��고 CSS가 기�되�� ������ 
mydoc.css��라는 뜻��다.</PA>
<PA>만�� XSL로 기�된 ����������를 ������고�� ��다면, 다��과 같������ ������다.</PA>

<PB/>
<PA>&#x3c; ?xml-stylesheet type="text/xsl" href="mydoc.xsl"? &#x3e; </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;
}





Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:28:27
Processing time 0.0187 sec