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

菜鸟教程:www.runoob.com

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

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

CD列表的XML文件件:




    
        Empire Burlesque
        Bob Dylan
        USA
        Columbia
        10.90
        1985
    
    
        Hide your heart
        Bonnie Tyler
        UK
        CBS Records
        9.90
        1988
    

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;
}

显示效果:

XML学习笔记(三)XML文件在浏览器的格式化显示(转)_第1张图片

通过文件第二行,把CSS文件添加到XML文件中:

使用 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

你可能感兴趣的:(XML)