菜单
×
   ❮     
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 Schema XML 服务器 XML 示例 XML 测验 XML 证书

XML AJAX

AJAX Introduction AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications AJAX Examples

XML DOM

DOM Introduction DOM Nodes DOM Accessing DOM Node Info DOM Node List DOM Traversing DOM Navigating DOM Get Values DOM Change Nodes DOM Remove Nodes DOM Replace Nodes DOM Create Nodes DOM Add Nodes DOM Clone Nodes DOM Examples

XPath 教程

XPath Introduction XPath Nodes XPath Syntax XPath Axes XPath Operators XPath Examples

XSLT 教程

XSLT Introduction XSL Languages XSLT Transform XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT on the Client XSLT on the Server XSLT Edit XML XSLT Examples

XQuery 教程

XQuery Introduction XQuery Example XQuery FLWOR XQuery HTML XQuery Terms XQuery Syntax XQuery Add XQuery Select XQuery Functions

XML DTD

DTD Introduction DTD Building Blocks DTD Elements DTD Attributes DTD Elements vs Attr DTD Entities DTD Examples

XSD Schema

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

XSD Data Types

XSD String XSD Date/Time XSD Numeric XSD Misc XSD Reference

Web Services

XML Services XML WSDL XML SOAP XML RDF XML RSS

参考手册

DOM 节点类型 DOM 节点 DOM NodeList DOM NamedNodeMap DOM Document DOM Element DOM Attribute DOM Text DOM CDATA DOM Comment DOM XMLHttpRequest DOM Parser XSLT 元素 XSLT/XPath 函数

XML 和 XSLT


使用 XSLT,您可以将 XML 文档转换为 HTML。


使用 XSLT 显示 XML

XSLT(eXtensible Stylesheet Language Transformations,可扩展样式表语言转换)是 XML 推荐的样式表语言。

XSLT 比 CSS 更为复杂。使用 XSLT,您可以向输出文件中添加/删除元素和属性。您还可以重新排列和排序元素,执行测试并决定隐藏和显示哪些元素,以及更多功能。

XSLT 使用 XPath 在 XML 文档中查找信息。


XSLT 示例

我们将使用以下 XML 文档

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>

<food>
<name>比利时华夫饼</name>
<price>$5.95</price>
<description>我们两份著名的比利时华夫饼,配有大量真正的枫糖浆</description>
<calories>650</calories>
</food>

<food>
<name>草莓比利时华夫饼</name>
<price>$7.95</price>
<description>香甜的比利时华夫饼,上面覆盖着草莓和奶油</description>
<calories>900</calories>
</food>

<food>
<name>浆果比利时华夫饼</name>
<price>$8.95</price>
<description>香甜的比利时华夫饼,上面覆盖着各种新鲜浆果和奶油</description>
<calories>900</calories>
</food>

<food>
<name>法式吐司</name>
<price>$4.50</price>
<description>厚切片,由我们自制的酸面包制成</description>
<calories>600</calories>
</food>

<food>
<name>家常早餐</name>
<price>$6.95</price>
<description>两个鸡蛋,培根或香肠,吐司,以及我们一直受欢迎的土豆饼</description>
<calories>950</calories>
</food>

</breakfast_menu>


在浏览器显示之前,使用 XSLT 通过 XSLT 转换 XML 文档

XSLT 样式表示例

<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
<xsl:for-each select="breakfast_menu/food">
  <div style="background-color:teal;color:white;padding:4px">
    <span style="font-weight:bold"><xsl:value-of select="name"/> - </span>
    <xsl:value-of select="price"/>
    </div>
  <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
    <p>
    <xsl:value-of select="description"/>
    <span style="font-style:italic"> (<xsl:value-of select="calories"/> 每份卡路里)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>
通过 XSLT 转换 XML 文档 »

XSLT 教程

如果您想了解更多关于 XSLT 的信息,请访问我们的 XSLT 教程


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持