Проблемы с тегами XSL и HTML

#html #xml #xslt

#HTML #xml #xslt

Вопрос:

Я только изучаю XML и XSL, поэтому, пожалуйста, потерпите, если это глупый вопрос. Кажется, я не могу найти простого ответа на этот вопрос, поэтому я предполагаю, что совершаю простую ошибку, которую люди, которые пишут руководства, не подумали бы исправить.

У меня есть следующий XML (здесь только фрагмент), который я взял из w3c для изучения:

 <catalog>My CD Collection
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
</catalog>
  

И затем следующий XSL:

     <xsl:template match="/">
    <html>
    <body>
    <xsl:for-each select="/">
    <h2><xsl:value-of select="catalog" /></h2>
    </xsl:for-each>
    <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>
  

По какой-то причине XSL не считывает закрывающий тег h2 и не считывает открывающий тег таблицы, превращая все в один огромный заголовок.

Ответ №1:

 <xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output omit-xml-declaration="yes" indent="yes"/>
<xsl:template match="/">
<html>
<body>
<xsl:for-each select="/">
<h2><xsl:value-of select="catalog" /></h2>
</xsl:for-each>
<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>
  

Попробуйте это. Сначала вы выводили полный элемент каталога в заголовок. Помимо этого, вам, вероятно, следует добавить это :

 <xsl:output omit-xml-declaration="yes" indent="yes"/>
  

В верхней части вашего листа. Результат — это то, что вы ожидаете :

 <html>
 <body>
  <h2>My CD Collection

  </h2>
  <table border="1">
     <tr bgcolor="#9acd32">
        <th>Title</th>
        <th>Artist</th>
     </tr>
     <tr>
        <td>Empire Burlesque</td>
        <td>Bob Dylan</td>
     </tr>
  </table>
  </body>
</html>
  

Комментарии:

1. Хорошо, я понял. Когда я выбираю тег <catalog>, он помещает все, что находится внутри <catalog></catalog>, в теги <h2>. Спасибо за помощь!