Latest web development tutorials

XSLT 변환

사례 연구 : XHTML로 XML을 변환하는 XSLT를 사용하는 방법에 대해 설명합니다.

우리는이 예제의 다음 장에서 상세히 설명한다됩니다.


올바른 스타일 시트 선언

<: stylesheet> 나 <XSL : 변환> XSL 스타일 시트의 루트 요소로 선언 문서입니다.

참고 : <XSL : 스타일 시트> 및 <XSL : 변환> 완전히 동의어 및 사용할 수 있습니다!

W3C의 XSLT 표준에 따르면, XSL 스타일 시트를 선언하는 올바른 방법은 다음과 같습니다

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

또는 :

<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

XSLT 요소에 액세스하려면, 문서 네임 스페이스 선언 XSLT의 상단에, 우리가해야 속성과 특성.

xmlns에 공식 W3C XSLT 네임 스페이스 = "http://www.w3.org/1999/XSL/Transform"점 XSL. 이 공간을 이용하면, 속성 버전 = "1.0"를 포함한다.


원본 XML 문서의 처음부터

이제 우리는 다음과 같은 XML 문서 ( "cdcatalog.xml")XHTML로 변환을 원하는 :

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

파이어 폭스와 인터넷 익스플로러에서 XML 파일을 참조하십시오 : (일반적으로 링크를 클릭하여) XML 파일을 엽니 다 - XML 문서의 루트 요소와 자식 요소를 표시하는 방법은 코드 색상 것입니다.요소 더하기 기호 (+) 또는 마이너스의 왼쪽을 클릭합니다 (-)를 확장 또는 구조적 요소를 축소 할 수 있습니다. (더하기와 빼기 기호없이) 원래 XML 소스 파일을 보려면, "페이지 소스보기"또는 브라우저 메뉴에서 "소스보기"를 선택합니다.

넷스케이프 6에서 XML 파일을 확인 : XML 파일을 연 다음 XML 파일에서 마우스 오른쪽 버튼을 클릭하고 "페이지 소스보기를."XML 문서는 루트 요소와 자식 요소를 표시하는 방법은 코드 색상 것입니다.

오페라 7의 XML 파일을 확인 : XML 파일을 연 다음 "프레임"/ 선택 XML 파일에서 마우스 오른쪽 버튼을 클릭 "소스보기를."XML 문서는 일반 텍스트로 표시됩니다.

자세한 내용은 "cdcatalog.xml"


XSL 스타일 시트 만들기

다음 ( "cdcatalog.xsl")와 템플릿 변환 XSL 스타일 시트를 만듭니다

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>

</xsl:stylesheet>

자세한 내용은 "cdcatalog.xsl"


XML 문서에 대한 XSL 스타일 시트 링크

XML 문서 ( "cdcatalog.xml은")는 XSL 스타일 시트에 대한 참조를 추가합니다 :

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
.
.
</catalog>

당신이 XSLT와 호환되는 브라우저를 사용하는 경우, 그것은XHTML로 XML을 넣어 잘 될 것입니다.

결과보기

우리는 위의 예제의 다음 장에서 세부 사항을 설명하는 것입니다.