XML使用XSL样式表在浏览器中以XHTML样式展示

红太狼 2022-08-20 12:20 10阅读 0赞

从一个原始的 XML(cdcatalog.[xml][])文档开始

这时候使用浏览器访问xml文件，会以各浏览器的标准xml样式展示，有的时候我们需要以自己定义的样式预览，比如定义一个a标签，里面有xml的链接，并可以点击，这时候我们需要建立一个XSL（cdcatalog.[xsl][]） 样式表文件如下：

<table style="margin-left:0px; word-wrap:break-word; word-break:break-all; font-size:12px; text-align:center; padding:0px!important; margin-top:0px!important; margin-right:0px!important; margin-bottom:0px!important; border:none!important; width:auto!important; border-spacing:0px!important; border-collapse:collapse!important; background:none!important"> 
 <tbody style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all"> 
  <tr style="word-wrap:break-word; word-break:break-all; padding:0px!important; margin:0px!important; border:none!important; vertical-align:top!important; background:0px 50%"> 
   <td style="word-wrap:break-word; word-break:break-all; border:0px; padding:0px!important; margin:0px!important; font-family:'Courier New',monospace!important; vertical-align:top!important; color:rgb(134,134,134)!important"> 
    <div style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; border:0px; text-align:left; white-space:nowrap; font-size:14px!important; line-height:15px!important; background:0px 50%"> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       1 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       2 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       3 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       4 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       5 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       6 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       7 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       8 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       9 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       10 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       11 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       12 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       13 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       14 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       15 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       16 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       17 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       18 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       19 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       20 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       21 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       22 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       23 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       24 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       25 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:rgb(50,50,42)!important">
       26 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; text-align:center; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%">
       27 
     </div> 
    </div> </td> 
   <td style="word-wrap:break-word; word-break:break-all; border:0px; width:725px; padding:0px!important; margin:0px!important; font-family:'Courier New',monospace!important; vertical-align:top!important; background:0px 50%"> 
    <div style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; text-align:left; white-space:pre; overflow:visible; border:none!important; color:rgb(248,248,242)!important; font-size:14px!important; line-height:15px!important; background:none!important"> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">&lt;?</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">xml </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">version</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"1.0"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(0,111,224)!important"> </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">encoding</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"UTF-8"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">?&gt;</span>  
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:stylesheet </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">version</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"1.0"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(0,111,224)!important"> </span>xmlns 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">:</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">xsl</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"http://www.w3.org/1999/XSL/Transform"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:template </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">match</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"/"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;html&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;body&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;h2&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">My CD Collection</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/h2&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;table </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">border</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"1"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;tr </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">bgcolor</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"#9acd32"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;th </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">align</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"left"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">title</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/th&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;th </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">align</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"left"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">url</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/th&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/tr&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:for-each </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">select</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"catalog/cd"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;tr&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;td&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:value-of </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">select</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"title"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">/&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/td&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;td&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:element </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">name</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"a"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:attribute </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">name</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"href"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:value-of </span>select 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span>“uri” 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:value-of&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:attribute&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:attribute </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">name</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"target"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">_blank</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:attribute&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;xsl:value-of </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(249,38,80)!important">select</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important">=</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(230,219,93)!important">"uri"</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:value-of&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:element&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/td&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/tr&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:for-each&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/table&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/body&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/html&gt;</span> 
     </div> 
     <div style="padding:0px 5px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; border:0px; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; background:0px 50%"> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:template&gt;</span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important"> </span> 
      <span style="padding:0px; margin:0px; word-wrap:break-word; word-break:break-all; font-family:inherit; height:inherit; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; color:rgb(102,217,239)!important">&lt;/xsl:stylesheet&gt;</span> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

这时候我们只需要向原xml文件增加一行  
`<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>`  
如：

再从浏览器访问xml文件，样式出现了，a链接可以直接点击。完毕！

[xml]: http://www.akmumu.com/tag/xml
[xsl]: http://www.akmumu.com/tag/xsl