转载请注明来源:用xml和xsl做网页实例
用xml和xsl做网页。直接大家保存两个文件运行即可。
cdcatalog.xml 相当于html
cdcatalog.xsl 相当于css
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] view 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看效果。大多数浏览器和编程语言都支持的。
Title | Artist |
---|---|
Empire Burlesque | Bob Dylan |
Empire Burlesqu2e | Bob Dyla2n |
Empire Burlesqu2e | Bob Dyla2n |
Empire Burlesqu2e | Bob Dyla2n |
Empire Burlesqu2e | Bob Dyla2n |
Empire Burlesqu2e | Bob Dyla2n |
以上就是用xml和xsl做网页实例的内容,更多相关内容请关注PHP中文网(www.php.cn)!