Question

我想创建具有动态数据内容的全功能（CSS，JS）网页。我找到了工作概念XHTML，但我仍然遇到麻烦来获得功能齐全的XHTML。这是我的XHTML和XSL。

XHTML

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="xAlbumx.xsl" ?>
<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">     
  <HEAD>
    <TITLE>xxxxxxxxxxxxxxxx</TITLE>
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <LINK rel="stylesheet" type="text/css" href="album.css" title="style"/>
    <SCRIPT type="text/javascript" src="album.js"></SCRIPT>
   </HEAD>
  <BODY>

<album xmlns="">
  <name>albumname</name>
    <image>
      <filename>album1.jpg</filename>
      <description>meeting</description>
    </image>
    <image>
      <filename>IMG_9048d.jpg</filename>
      <description>Mountains</description>
    </image>
</album>

  </BODY>
</HTML>

XSL

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">

<xsl:template match="node()|@*">
  <xsl:copy>
    <xsl:apply-templates select="node()|@*"/>
  </xsl:copy>
</xsl:template>

<xsl:template match="album">
    <H1><xsl:value-of select="name"/></H1>
    <TABLE width="100%">
      <TBODY>
        <xsl:apply-templates select="image" mode="transform"/>
      </TBODY>
    </TABLE>
</xsl:template>

<xsl:template match="image" mode="transform">
      <TR>
        <TD style="padding-right: 10px;" width="200">
          <IMG width="0" height="0">
            <xsl:attribute name="src"><xsl:value-of select="filename"/></xsl:attribute>
          </IMG>
        </TD>
        <TD valign="top">
          <DIV><xsl:value-of select="description"/></DIV>
          <HR/>
        </TD>
        <xsl:apply-templates select="node()" mode="transform"/> 
      </TR>
</xsl:template>
</xsl:stylesheet>

输出网页不使用格式和javascript。看起来转换出错但没有任何错误与问题“XSLT无法在Web浏览器中工作”不同，我的转换工作，并且XHTML和XSL文件之间的链接是可以的。我的问题是XHTML处理或rednering问题我做错了什么？

XHTML使用XSL嵌入XML

0 个答案: