XML + CSS 示例

  • XML + CSS 示例
  • XML + CSS + HTML + JavaScript
    示例
  • XML + XSL
    示例
  • XML + XSL
    示例超链接问题
  • xml-stylesheet 还是
    xml:stylesheet?
  • xsl:stylesheet 还是 xsl:transform 还是
    xsl-stylesheet?
  • 为什么 XSL
    不流行?
  • XML + XSL 在 IE 中有效,在 Firefox
    中无效?
  • XML + CSS
    示例
  • XML + CSS + HTML + JavaScript 示例
  • XML + XSL
    示例
  • XML + XSL
    示例超链接问题
  • xml-stylesheet 还是
    xml:stylesheet?
  • xsl:stylesheet 还是 xsl:transform 还是
    xsl-stylesheet?
  • 为什么 XSL
    不流行?
  • XML + XSL 在 IE 中有效,在 Firefox
    中无效?
  • XML + CSS
    示例
  • XML + CSS + HTML + JavaScript
    示例
  • XML + XSL 示例
  • XML + XSL
    示例超链接问题
  • xml-stylesheet 还是
    xml:stylesheet?
  • xsl:stylesheet 还是 xsl:transform 还是
    xsl-stylesheet?
  • 为什么 XSL
    不流行?
  • XML + XSL 在 IE 中有效,在 Firefox
    中无效?



XML 文件

本示例演示在 XML 中应用 HTML 和 JavaScript 代码(在 IE 中有效)。

可以把 CSS 理解为 HTML 的样式表,把 XSL 理解为 XML 的样式表。

<?xml version=”1.0″ encoding=”gb2312″ ?>
<?xml-stylesheet type=”text/css” href=”css.css”
?>
<root>
    <name>千一网络</name>
    <url>;
</root>

XML 文件

XSL 是可扩展样式语言(EXtensible Stylesheet Language),XSL 包括三部分:

CSS 文件

<?xml version=”1.0″ encoding=”gb2312″ ?>
<?xml-stylesheet type=”text/css” href=”css.css”
?>
<root xmlns:html=”;
    <name>千一网络</name>
    <url>;
    <html:img
src=””
alt=”cftea”></html:img>
    <html:script type=”text/javascript”>
    alert(“XML 中使用 HTML 和 JavaScript。”);
    </html:script>
</root>

  • XSLT 一种用于转换 XML 文档的语言,XSL 中最重要的部分,使用 XPath
    查找 XML 文档中的信息。
  • XPath 一种用于在 XML 文档中导航的语言。
  • XSL-FO 一种用于格式化 XML 文档的语言。

name
{
    display:block;
    font-weight:bold;
}
url
{
    display:block;
    color:blue;
}

CSS 文件

本节演示用 XSLT 来转换 XML 语言。

现象

name
{
    display:block;
    font-weight:bold;
}
url
{
    display:block;
    color:blue;
}

XML 文件

在 IE、Firefox 中,预览 XML
文件,均显示两行文字:第一行为粗体,第二行为蓝色。说明,如果无法通过将
XML 文件直接拖到 IE 中查看,请通过 HTTP 访问来查看。

现象

<?xml version=”1.0″ encoding=”gb2312″ ?>
<?xml-stylesheet type=”text/xsl” href=”xsl.xsl”
?>
<root>
    <name>千一网络</name>
    <url>;
</root>

但这并不能说 XML + CSS 适合网页制作,因为他们的组合功能太简单,比 XML +
CSS 更强大的组合是 XML + XSL,它可将 XML 转换成 HTML 文档。

除了显示粗体文字、蓝色文字,在 IE
中:还会显示一个图片,还会弹出一个对话框。注意:一是要指明
xmlns:html;二是要指定样式(xml-stylesheet),即使是个空白的样式或不存在的样式。

XSL 文件

<?xml version=”1.0″ encoding=”gb2312″ ?>
<xsl:stylesheet version=”1.0″
xmlns:xsl=”;
    <xsl:template match=”/”>
        <html>
          <head>
              <title><xsl:apply-templates select=”/root/name”
/></title>
          </head>
          <body>
          <xsl:apply-templates />
          </body>
        </html>
    </xsl:template>
   
    <xsl:template match=”/root/name”>
        <xsl:value-of select=”.” />
    </xsl:template>
   
    <xsl:template match=”root”>
        <p><xsl:value-of select=”url” /></p>
    </xsl:template>
</xsl:stylesheet>

现象

在 IE、Firefox 中均会看到一个标题为“千一网络”、内容为一个 URL 的网页。

发表评论

电子邮件地址不会被公开。 必填项已用*标注