XML และ XSLT
ด้วย XSLT คุณสามารถแปลงเอกสาร XML เป็น HTML
การแสดง XML ด้วย XSLT
XSLT (การแปลงภาษาของสไตล์ชีตแบบขยายได้) คือภาษาของสไตล์ชีตที่แนะนำสำหรับ XML
XSLT นั้นซับซ้อนกว่า CSS มาก ด้วย XSLT คุณสามารถเพิ่ม/ลบองค์ประกอบและแอตทริบิวต์ไปยังหรือออกจากไฟล์ที่ส่งออกได้ คุณยังสามารถจัดเรียงและจัดเรียงองค์ประกอบ ดำเนินการทดสอบและตัดสินใจเกี่ยวกับองค์ประกอบที่จะซ่อนและแสดง และอื่นๆ อีกมากมาย
XSLT ใช้ XPath เพื่อค้นหาข้อมูลในเอกสาร XML
ตัวอย่าง 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>
ใช้ 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"/> calories
per serving)</span>
</p>
</div>
</xsl:for-each>
</body>
</html>
แปลงเอกสาร XML ด้วย XSLT »
กวดวิชา XSLT
หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ XSLT ไปที่ บทช่วย สอน XSLTของ เรา