XML学习笔记（三）XML文件在浏览器的格式化显示（转）

最新推荐文章于 2024-07-26 11:48:49 发布

转载最新推荐文章于 2024-07-26 11:48:49 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：www.runoob.com

XML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用CSS和XSLT两种方法来格式化XML文件，详细展示了具体的XML示例和CSS、XSLT样式应用，比较了两者的优劣。

菜鸟教程：www.runoob.com

一、使用CSS文件格式化XML文件

使用CSS文件对XML文件进行格式化显示：

CD列表的XML文件件：

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="https://www.w3cschool.cn/xml/cd_catalog.css"?>
<CATALOG>
    <CD>
        <TITLE>Empire Burlesque</TITLE>
        <ARTIST>Bob Dylan</ARTIST>
        <COUNTRY>USA</COUNTRY>
        <COMPANY>Columbia</COMPANY>
        <PRICE>10.90</PRICE>
        <YEAR>1985</YEAR>
    </CD>
    <CD>
        <TITLE>Hide your heart</TITLE>
        <ARTIST>Bonnie Tyler</ARTIST>
        <COUNTRY>UK</COUNTRY>
        <COMPANY>CBS Records</COMPANY>
        <PRICE>9.90</PRICE>
        <YEAR>1988</YEAR>
    </CD>
</CATALOG>

CSS文件：

CATALOG{
    background-color: #ffffff;
    width: 100%;
}
CD{
    display: block;
    margin-bottom: 30pt;
    margin-left: 0;
}
TITLE{
    color: #FF0000;
    font-size: 20pt;
}
ARTIST{
    color: #0000FF;
    font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY{
    display: block;
    color: #000000;
    margin-left: 20pt;
}

显示效果：

通过文件第二行，把CSS文件添加到XML文件中：

<?xml-stylesheet type="text/css" href="https://www.w3cschool.cn/xml/cd_catalog.css"?>

使用 CSS 格式化 XML 不是常用的方法。W3C 推荐使用 XSLT。

二、使用XSLT格式化XML文件

XSLT 是首选的 XML 样式表语言。XSLT（eXtensible Stylesheet Language Transformations）远比 CSS 更加完善。XSLT 是在浏览器显示 XML 文件之前，先把它转换为 HTML。

在上面的实例中，当浏览器读取 XML 文件时，XSLT 转换是由浏览器完成的。在使用 XSLT 来转换 XML 时，不同的浏览器可能会产生不同结果。为了减少这种问题，可以在服务器上进行 XSLT 转换。

XSTL教程：https://www.w3school.com.cn/xsl/index.asp