최신 웹 개발 튜토리얼
 

XML및 XSLT


XSLT를 사용하면 HTML에 XML 문서를 변환 할 수 있습니다.


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>Thick slices made from our homemade sourdough bread</description>
<calories>600</calories>
</food>

<food>
<name>Homestyle Breakfast</name>
<price>$6.95</price>
<description>Two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
<calories>950</calories>
</food>

</breakfast_menu>

이 브라우저에 표시되기 전에, HTML에 XML을 변환하는 XSLT를 사용하여

예 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"/> calories per serving)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>
XSLT의»와 함께 XML 문서 변환

당신이 XSLT에 대한 자세한 내용을 원한다면, 우리에 우리의 XSLT 자습서를 찾을 홈페이지 .