XSLT XML

من خلال XSLT، يمكنك تحويل مستند XML إلى HTML.

استخدام XSLT لعرض XML

XSLT（لغة النمذجة المتكاملة للشبكات، eXtensible Stylesheet Language Transformations），هي اللغة الموصى بها لنمذجة 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>

تجربة شخصية

دليل درس XSLT

إذا كنت ترغب في معرفة المزيد عن XSLT، يرجى زيارة دليل درس XSLT.