عرض صفحات XML باستخدام XSLT
باستخدام XSLT يمكنك تحويل وثيقة XML الى HTML.
عرض XML باستخدام XSLT
ينصح باستخدام XSLTلتنسيق لغة XML.
تعد XSLT ( تحويلات انماط اللغة القابلة للتجديد) معقدة أكثر بكثير من.CSS
يمكن استخدام XSLT لتحويل XML الى HTML قبل عرضها من قبل المتصفح:
عرض XML باستخدام XSLT
اذا أردت تعلم المزيد عن XSLT توجه الى الصفحة الرئيسية.
تحويل XML باستخدام XSLT على الخادم
في المثال السابق, تمت عملية تحويل XSLTمن قبل المتصفح عندما قام المتصفح بقراءة ملف XML.
يمكن لمتصفحات مختلفة أن تعطي نتائج مختلفة عند تحويل XML باستخدام XSLT. للتقليل من هذه المشكلة يمكن لتحويل XSLTان يتم بوساطة الخادم.
مثال توضيحي
1. كود ملف XML
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<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>
2. ملف التنسيق XSLT
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns="http://www.w3.org/1999/xhtml">
<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">
<xsl:value-of select="description"/>
<span style="font-style:italic">
<xsl:value-of select="calories"/> (calories per serving)
</span>
</div>
</xsl:for-each>
</body>
</html>