gpt4 book ai didi

xml - 如何在浏览器中查看 xsl 输出?

转载 作者:行者123 更新时间:2023-12-04 18:14:46 24 4
gpt4 key购买 nike

每个人!

我正在基于一些 xml 数据文件构建一个网站,所以我选择使用 XSLT 来绑定(bind)浏览器中的样式表。

起初它工作得很好,但最近,随着模板变得越来越复杂,发生了一些奇怪的事情。

我使用“copy-of”元素将数据复制到样式表中。这是代码:

<div class="section1">
<xsl:copy-of select="article/bodydata/*" />
</div>

所以,基本上,我将“bodydata”节点的所有子元素复制到
中。

但它不起作用。例如,我在 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”元素中的所有节点都是需要在网页上显示的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>

结果是这样的:
the xslt result
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>

这里的结果是:
the result of the html file
图像出现。

所以我想知道这里有什么问题。

最佳答案

考虑向我们展示最小但完整的示例来演示问题,否则很难说清楚。 xsl:copy-of听起来对我来说是正确的方法,假设 bodydata element 有 HTML 元素作为子元素。至于查看转换结果,现在大部分浏览器都自带开发工具(或者你可以安装类似Firebug的工具),然后你可以在浏览器中按F12查看文档的DOM树来查看结果。至于复制到结果树的元素未显示,通常可能是 namespace 问题(即复制 HTML namespace -less img 到 XHTML 结果文档)。因此,请向我们展示您尝试过哪些浏览器的更多详细信息,output您的 XSLT 具有的方法,您尝试创建的 HTML 版本作为转换结果(即 HTML 4.01、XHTML 1.0、HTML5)。

[编辑]
在您当前的示例中,您使用名为 html 的根元素在结果树的 XHTML 1.0 命名空间中,Firefox/Mozilla 将您的结果呈现为 XML,其中命名空间很重要。当您复制 img从输入 XML 中复制一个 img 的元素没有命名空间中的元素到 XHTML 文档中,因此由于 img 上缺少正确的命名空间元素浏览器无法识别img元素作为 XHTML img元素。因此,您要么需要更改输入 XML 以将 XHTML 命名空间用于要复制的 (X)HTML 片段,要么在我看来,这些天的重点是没有命名空间的 HTML 4 或 HTML5,您只需使用样式表结果树中的那个版本的 HTML,即你 不要为文档的根元素使用命名空间 , 你设置 <xsl:output method="html" version="4.01"/><xsl:output method="html" version="5.0"/> .这样问题就应该消失了。

作为替代方案,如果您确实希望结果是 XHTML,但您想复制 XML img没有命名空间的元素到 XHTML 结果树中,正确的方法是不使用 copy-of ,而是使用 <xsl:apply-templates/>然后您需要编写将您需要的元素转换为 XHTML 命名空间的模板,例如

<xsl:template match="img | p | center">
<xsl:element name="{local-name()}" namespace="http://www.w3.org/1999/xhtml">
<xsl:copy-of select="@*"/>
<xsl:apply-templates/>
</xsl:element>
</xsl:template>

在我看来,所有浏览器供应商都专注于不带命名空间的 HTML5,但我建议不要转换为 XHTML,而是以不带命名空间的 HTML 4.01 或 HTML5 为目标,您可以在浏览器中与 XSLT 1.0 获得更好的跨浏览器互操作性。

关于xml - 如何在浏览器中查看 xsl 输出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11951831/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com