Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

XML 教程

XML 主页 XML 简介 XML 如何使用 XML 树 XML 语法 XML 元素 XML 属性 XML 命名空间 XML 显示 XML HttpRequest XML 解析器 XML DOM XML XPath XML XSLT XML XQuery XML XLink XML 验证器 XML DTD XML 架构 XML 服务器 XML 示例 XML 测验 XML 证书

XML AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用程序 AJAX 示例

XML DOM

DOM 简介 DOM 节点 DOM 访问 DOM 节点信息 DOM 节点列表 DOM 遍历 DOM 导航 DOM 获取值 DOM 修改节点 DOM 删除节点 DOM 替换节点 DOM 创建节点 DOM 添加节点 DOM 克隆节点 DOM 示例

XPath 教程

XPath 简介 XPath 节点 XPath 语法 XPath 轴 XPath 运算符 XPath 示例

XSLT 教程

XSLT 简介 XSL 语言 XSLT 变换 XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT 应用 客户端 XSLT 服务器端 XSLT XSLT 编辑 XML XSLT 示例

XQuery 教程

XQuery 简介 XQuery 示例 XQuery FLWOR XQuery HTML XQuery 术语 XQuery 语法 XQuery 添加 XQuery 选择 XQuery 函数

XML DTD

DTD 简介 DTD 构建块 DTD 元素 DTD 属性 DTD 元素与属性 DTD 实体 DTD 示例

XSD 架构

XSD 简介 XSD 如何使用 XSD <schema> XSD 元素 XSD 属性 XSD 限制 XSD 复杂元素 XSD 空 XSD 仅元素 XSD 仅文本 XSD 混合 XSD 指标 XSD <any> XSD <anyAttribute> XSD 替换 XSD 示例

XSD 数据类型

XSD 字符串 XSD 日期/时间 XSD 数字 XSD 其他 XSD 参考

Web 服务

XML 服务 XML WSDL XML SOAP XML RDF XML RSS

参考

DOM 节点类型 DOM 节点 DOM 节点列表 DOM NamedNodeMap DOM 文档 DOM 元素 DOM 属性 DOM 文本 DOM CDATA DOM 注释 DOM XMLHttpRequest DOM 解析器 XSLT 元素 XSLT/XPath 函数

XSLT - 变换


示例研究:如何使用 XSLT 将 XML 转换为 XHTML?

本例的详细信息将在下一章中解释。


正确的样式表声明

声明文档为 XSL 样式表的根元素是 <xsl:stylesheet> 或 <xsl:transform>。

注意:<xsl:stylesheet> 和 <xsl:transform> 是完全同义的,可以任意使用!

根据 W3C XSLT 推荐规范,声明 XSL 样式表的正确方法是

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:transform version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

要访问 XSLT 元素、属性和功能,我们必须在文档顶部声明 XSLT 命名空间。

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 指向官方的 W3C XSLT 命名空间。如果您使用此命名空间,则还必须包含 version="1.0" 属性。


从原始 XML 文档开始

我们想要将以下 XML 文档 ("cdcatalog.xml") 转换为 XHTML

<?xml version="1.0" encoding="UTF-8"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

在浏览器中查看 XML 文件:打开 XML 文件(点击下面的链接)- XML 文档将以颜色编码的根元素和子元素显示。通常,元素左侧会有箭头或加号/减号,单击可以展开或折叠元素结构。提示:要查看原始 XML 源代码,请在 XML 文件中右键单击并选择“查看页面源代码”!

查看 "cdcatalog.xml"



创建 XSL 样式表

然后您创建一个具有转换模板的 XSL 样式表 ("cdcatalog.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>
  <body>
  <h2>我的 CD 合集</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>标题</th>
      <th>艺术家</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>

查看 "cdcatalog.xsl"


将 XSL 样式表链接到 XML 文档

将 XSL 样式表引用添加到您的 XML 文档 ("cdcatalog.xml")

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

如果您有一个支持 XSLT 的浏览器,它会很好地将您的 XML 转换为 XHTML。

查看结果

上面示例的详细信息将在下一章中解释。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.