利用xsl可以做到將數據和格式完全分離，下面比較一個xml+css和xml+xsl的區別。
XML + css
resume.xml文件內容如下：
1 <?xml version="1.0" encoding="GB2312"?> 2 <?xml-stylesheet type="text/css" href="resume.css"?> 3 <resume> 4 <name>禹希初</name> 5 <sex>男</sex> 6 <birthday>1977.5</birthday> 7 <skill>數據庫設計與維護、WEB開發</skill> 8 </resume>
resume.css文件內容如下：
1 resume{ display: block;} 2 name{ display: block; font-size:120%;} 3 sex{ display:block; text-indent:2em} 4 birthday{ display:block; text-indent:2em} 5 skill{ display:block; text-indent:2em}
效果：
XML + xsl
resume.xml文件內容如下：
1 <?xml version="1.0" encoding="GB2312"?> 2 <?xml-stylesheet type="text/xsl" href="resume.xsl"?> 3 <resume> 4 <name>禹希初</name> 5 <sex>男</sex> 6 <birthday>1977.5</birthday> 7 <skill>數據庫設計與維護、WEB開發</skill> 8 </resume>
resume.xsl文件內容如下：
1 <?xml version="1.0" encoding="GB2312"?> 2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 3 <xsl:template match="/"> 4 <html> 5 <head> 6 <title>個人簡歷</title> 7 </head><body> 8 <xsl:for-each select="resume"> 9 <p/> 10 <table border="1" cellspacing="0"> 11 <caption style="font-size: 150%; font-weight: bold"> 12 個人簡歷 13 </caption> 14 <tr> 15 <th>姓名</th><td><xsl:value-of select="name"/></td> 16 <th>性別</th><td><xsl:value-of select="sex"/></td> 17 <th>生日</th><td><xsl:value-of select="birthday"/></td> 18 </tr> 19 <tr> 20 <th>技能</th><td colspan="5"><xsl:value-of select="skill"/></td> 21 </tr> 22 </table> 23 </xsl:for-each> 24 </body> 25 </html> 26 </xsl:template> 27 </xsl:stylesheet>
效果：
參考：
http://justcoding.iteye.com/blog/778361
http://www.w3school.com.cn/xsl/xsl_for_each.asp