ホームページ >バックエンド開発 >XML/RSS チュートリアル >xml と xsl を使用して Web ページのサンプルを作成する
すべて、すべてのすべてのソースを示してください。 2 つのファイルを保存して実行するだけです。
cdcatalog.xmlはhtmlと同等です
cdcatalog.xml
[html] view plaincopy
<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/xsl" href="http://www.php1.cn/"> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <company>Columbia</company> <price>10.90</price> <year>1985</year> </cd> <cd> <title>Empire Burlesqu2e</title> <artist>Bob Dyla2n</artist> <country>USA2</country> <company>Columbia2</company> <price>10.91</price> <year>1983</year> </cd> <cd> <title>Empire Burlesqu2e</title> <artist>Bob Dyla2n</artist> <country>USA2</country> <company>Columbia2</company> <price>10.91</price> <year>1983</year> </cd> <cd> <title>Empire Burlesqu2e</title> <artist>Bob Dyla2n</artist> <country>USA2</country> <company>Columbia2</company> <price>10.91</price> <year>1983</year> </cd> <cd> <title>Empire Burlesqu2e</title> <artist>Bob Dyla2n</artist> <country>USA2</country> <company>Columbia2</company> <price>10.91</price> <year>1983</year> </cd> <cd> <title>Empire Burlesqu2e</title> <artist>Bob Dyla2n</artist> <country>USA2</country> <company>Columbia2</company> <price>10.91</price> <year>1983</year> </cd> </catalog>
cdcatalog.xsl
[html] plaincopy を表示
<?xml version="1.0" encoding="ISO-8859-1"?> <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 align="left">Title</th> <th align="left">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.xml を開いて効果を確認してください。ほとんどのブラウザとプログラミング言語でサポートされています。
効果:
私のCDコレクション
エンパイア・バーレスク | |
---|---|
帝国バーレスク2e | |
帝国バーレスク2e | |
帝国バーレスク2e | |
帝国バーレスク2e | |
帝国バーレスク2e | |
上記は、xml と xsl を使用して Web ページのサンプルを作成する内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。 |