Как просмотреть вывод xsl в браузерах?
каждый!
Я создаю веб-сайт на основе некоторых файлов данных XML, поэтому я решил работать с XSLT для привязки таблиц стилей в браузерах.
Сначала он работает довольно хорошо, но в последнее время, когда шаблоны усложняются, происходит нечто странное.
Я использую & quot; копию & quot; элемент для копирования данных в таблицы стилей. Вот код:
<div class="section1">
<xsl:copy-of select="article/bodydata/*" />
</div>
Таким образом, в основном, я копирую все дочерние элементы «bodydata». узел в & lt; div / & gt ;.
Но это не работает. Например, у меня есть & lt; img / & gt; элемент в bodydata, и это изображение не появляется, если я захожу в XML-файл в браузере. С другой стороны, если я скопирую «bodydata» элементы вручную в этот div, и превратить файл .xsl в файл .html, это изображение появится.
Итак, вот мой вопрос, могу ли я просмотреть комбинированный вывод данных xml и данных xsl в браузерах? Нужно ли какое-либо расширение или что?
И какие-либо предложения о том, что может быть не так? Я довольно новичок в xslt, так что, похоже, я неправильно понял, что на самом деле делает XSLT. Спасибо!
ОБНОВИТЬ
Чтобы проиллюстрировать проблему, я написал небольшой пример.
Сначала я создал образец файла данных xml:
<?xml version='1.0' encoding='utf-8'?>
<?xml-stylesheet type="text/xsl" href="article.xsl"?>
<article>
<bodydata>
<center>
<img alt="sample" src="http://www.google.com/logos/classicplus.png" />
</center>
<p>
<data class="tts_data">
this is the paragraph.
</data>
</p>
<p>
<data class="tts_data">this is the second paragraph</data>
<data class="tts_data">more data</data>
<data class="tts_data">...</data>
</p>
</bodydata>
</article>
Итак, вы можете видеть, что все узлы в "bodydata" quot; element - это HTML-элементы, которые должны быть показаны на веб-странице. Чтобы отобразить это, я создал образец xsl-файла.
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex" />
</head>
<body>
<article>
<header>
header of the article
</header>
<section>
<xsl:copy-of select="article/bodydata/*" />
</section>
</article>
<footer>
footer part of the page
</footer>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
И результат такой:
Элемент img просто исчезает.
А затем я скопировал элементы bodydata в часть раздела и сформировал новый HTML-файл.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex" />
</head>
<body>
<article>
<header>
header of the article
</header>
<section>
<center>
<img alt="sample" src="http://www.google.com/logos/classicplus.png" />
</center>
<p>
<data class="tts_data">
this is the paragraph.
</data>
</p>
<p>
<data class="tts_data">
this is the second paragraph,
</data>
<data class="tts_data">
more data
</data>
<data class="tts_data">...</data>
</p>
</section>
</article>
<footer>
footer part of the page
</footer>
</body>
</html>
И результат здесь:
И изображение появляется.
Поэтому мне интересно, что здесь не так.