最新のWeb開発のチュートリアル
 

XSLT - 変容


例の調査:どのようにXSLTを使用してXHTMLにXMLを変換するには?

この例の詳細は次の章で説明します。


正しいスタイルシート宣言

文書は、XSLスタイルシートであることを宣言したルート要素があり<xsl:stylesheet>または<xsl:transform>

Note: <xsl:stylesheet><xsl:transform>完全同義であり、いずれも使用することができます!

W3CのXSLT勧告に従って、XSLスタイルシートを宣言するための正しい方法は次のとおりです。

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

または:

<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

XSLT要素、属性、および機能へのアクセスを得るために、私たちは、ドキュメントの先頭にXSLT名前空間を宣言する必要があります。

xmlns:公式W3C XSLT名前空間へのxsl = "http://www.w3.org/1999/XSL/Transform" ポイント。 あなたはこの名前空間を使用する場合は、属性のバージョン=「1.0」を含める必要があります。


生のXMLドキュメントで開始

我々はしたいtransform次のXML文書("cdcatalog.xml") XHTMLに:

<?xml version="1.0" encoding="UTF-8"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: XMLファイルを開きます(下のリンクをクリックしてください) - XMLドキュメントが色分けされたルートと子要素で表示されます(except in Safari) 多くの場合、プラスがある(+)またはマイナス記号(-)素子構造を展開または折りたたむにクリックすることができる要素の左には。 ヒント:、生のXMLソースを表示するXMLファイルを右クリックして「ソースの表示」を選択するには!

ビュー"cdcatalog.xml"


XSLスタイルシートを作成します。

その後、XSLスタイルシートの作成("cdcatalog.xsl")変換テンプレートを使用して:

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

ビュー"cdcatalog.xsl"


XMLドキュメントにXSLスタイルシートをリンク

あなたのXML文書にXSLスタイルシートの参照を追加します("cdcatalog.xml")

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

あなたがXSLT対応のブラウザをお持ちの場合はそれがうまくなりますtransform XHTMLにあなたのXMLを。

結果を見ます

例の詳細は、上記の次の章で説明します。