XML과 XSLT

XSLT를 통해 XML 문서를 HTML로 변환할 수 있습니다。

XSLT를 사용하여 XML을 표시합니다

XSLT（확장 스타일 시트 언어 변환，eXtensible Stylesheet Language Transformations）는 권장되는 XML 스타일 시트 언어입니다。

XSLT는 CSS보다 훨씬 복잡합니다. XSLT를 통해 출력 파일에 요소와 속성을 추가/삭제할 수 있으며, 요소를 재정렬하고 정렬할 수 있으며, 테스트를 수행하고 어떤 요소를 숨기거나 보여줄지 결정할 수 있습니다.

XSLT는 XML 문서에서 정보를 찾기 위해 XPath를 사용합니다。

XSLT 예제

저희는 다음과 같은 XML 문서를 사용할 것입니다：

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Two of our famous Belgian Waffles with plenty of real maple syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Light Belgian waffles covered with strawberries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Light Belgian waffles covered with an assortment of fresh berries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>우리 집에서 만든 발효 토스트에서 만들어진 두꺼운 슬라이스</description>
<calories>600</calories>
</food>
<food>
<name>홈스타일 브렉fast</name>
<price>$6.95</price>
<description>두 개의 달걀, 베이킹, 햄이나 소시지, 토스트, 그리고 우리가 항상 인기 있는 해시브로우니</description>
<calories>950</calories>
</food>
</breakfast_menu>

브라우저에서 표시하기 전에, XSLT를 사용하여 XML을 HTML로 변환합니다：

XSLT 스타일 표현 예제：

<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
<xsl:for-each select="breakfast_menu/food">
  <div style="background-color:teal;color:white;padding:4px">
    <span style="font-weight:bold"><xsl:value-of select="name"/> - </span>
    <xsl:value-of select="price"/>
    </div>
  <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
    <p>
    <xsl:value-of select="description"/>
    <span style="font-style:italic">(\<xsl:value-of select="calories"/> 칼로리당)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

직접 시도해 보세요

XSLT 가이드

XSLT에 대한更多信息를 배우고 싶다면, 우리의 사이트를 방문해 주세요. XSLT 가이드.