在浏览器中直接查看xml文件时，大部分现代浏览器都会自带基础的xml解析展示能力，会按照树形结构折叠显示xml的节点内容，不过这种默认展示没有样式修饰，复杂xml的可读性依然有限。通过引入XSL样式表，我们可以自定义xml在浏览器中的展示规则，让内容呈现更符合阅读需求。
浏览器直接查看xml的默认方式
要直接在浏览器中查看xml，最简单的方式就是将xml文件的路径输入到浏览器地址栏中，或者将本地的xml文件直接拖拽到浏览器窗口内。浏览器会自动解析xml的语法结构，将标签、属性、文本内容按照层级展开，支持节点的折叠和展开操作。
不过这种默认展示没有应用任何样式，所有内容都是浏览器默认的黑色文本，节点之间没有明显的视觉区分。如果xml文件结构复杂、节点数量多，查找特定内容会比较困难。这时候就可以使用XSL样式表来优化展示效果。
XSL的基础概念
XSL是可扩展样式表语言（Extensible Stylesheet Language）的缩写，它是一套用于转换和格式化xml文档的语言标准，其中最常用的部分是XSLT（XSL Transformations），负责将xml文档转换为其他格式的文档，比如HTML、纯文本等。
当浏览器加载一个关联了XSL样式表的xml文件时，会先读取XSL样式表的规则，将xml的内容按照XSL定义的转换逻辑处理，最终将转换后的结果渲染展示出来，而不是展示原始的xml树形结构。
XSL的基本结构
一个基础的XSL样式表本身也是一个xml文件，它的根节点是<xsl:stylesheet>，需要声明对应的命名空间和版本信息。下面是一个最简单的XSL样式表示例：
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<!-- 样式表规则写在这里 -->
</xsl:stylesheet>
将XSL关联到xml文件
要让浏览器在查看xml时使用指定的XSL样式表，需要在xml文件的声明之后添加<?xml-stylesheet?>处理指令，指定XSL文件的路径。指令的格式如下：
<?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/xsl" href="样式表文件路径.xsl"?>
其中type属性固定为text/xsl，href属性指向XSL样式表文件的相对路径或者绝对路径。如果XSL文件和xml文件在同一个目录下，直接写XSL文件的文件名即可。
XSL应用示例：自定义xml展示样式
下面通过一个实际的例子来演示完整的XSL应用过程。首先我们有一个存储书籍信息的xml文件，内容如下：
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="book.xsl"?>
<bookstore>
<book category="编程">
<title>Python入门教程</title>
<author>张三</author>
<price>59.9</price>
</book>
<book category="文学">
<title>散文精选</title>
<author>李四</author>
<price>39.9</price>
</book>
</bookstore>
接下来编写对应的book.xsl样式表，将xml转换为带样式的HTML表格展示：
<?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>
<head>
<style>
table {
border-collapse: collapse;
width: 80%;
margin: 20px auto;
}
th, td {
border: 1px solid #333;
padding: 8px 12px;
text-align: center;
}
th {
background-color: #f0f0f0;
}
h2 {
text-align: center;
}
</style>
</head>
<body>
<h2>书籍列表</h2>
<table>
<tr>
<th>分类</th>
<th>书名</th>
<th>作者</th>
<th>价格</th>
</tr>
<!-- 遍历所有book节点 -->
<xsl:for-each select="bookstore/book">
<tr>
<td><xsl:value-of select="@category"/></td>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="author"/></td>
<td><xsl:value-of select="price"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
将xml文件和XSL文件放在同一个目录下，用浏览器打开xml文件，就会看到转换后的HTML表格效果，而不是直接展示原始的xml节点树。如果需要修改展示样式，只需要调整XSL样式表中的HTML和CSS部分即可，不需要修改原始的xml数据文件。
XSL常用指令说明
在编写XSL样式表时，有几个常用的指令需要了解：
<xsl:template>：定义模板，match属性指定该模板匹配xml中的哪个节点，match="/"表示匹配根节点。<xsl:value-of>：用于提取指定节点的文本内容，select属性指定要提取的节点路径。<xsl:for-each>：用于遍历一组节点，select属性指定要遍历的节点集合。<xsl:if>：条件判断指令，test属性指定判断条件，满足条件时才执行内部的内容。
通过这些基础指令的组合，就可以实现大部分xml到HTML的转换需求，让xml在浏览器中的展示更加灵活美观。