巧用xslt将xml转换成xhtml的代码

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

利用xslt就可以将xml转换成xhtml的代码，随着XML规范的不断演进，在新的版本中满足每个人的需要似乎已经成为必要，接下来我们来进一步的学习吧。

使用xslt进行解析的基本格式是这样的：如

XSL 指扩展样式表语言（EXtensible Stylesheet Language），xsl是xml的样式表，xsl 包括3部分，分别是：xslt（一种用于转换 XML 文档的语言）、x-path（一种用于在 XML 文档中导航的语言）、xsl-fo（一种用于格式化 XML 文档的语言），可以在http://www.w3cschool.cn/这个网站中找到相关内容的教程。
像前面代码描述的那样，xslt以xml的版本作为开始，用...的格式进行转换。
由于是初次接触xslt，对它了解并不是很透彻，下面只是罗列一些我在学习和使用它的时候碰到的一些要点；
一、递归以及传参数方法：
以一颗家族树为例子，xml文件是这样的：

现在要写一个xslt把家族的关系给表达出来，其实家族的关系就是一颗家族树，所以我们通过输出不同层次的缩进来表达这样的关系，最大的祖宗，然后按辈份分别进行缩进，最小辈份的排在最后面，缩进最多，这样一颗树的层次就出来了；下面是xsl文件的代码：

在这里我们先在模板中定义了一个叫level的参数，用这样的语法，然后在主template（）添加模板的时候给参数赋值，
，参数level的值一开始赋值为“0”，而我们用参数level的值（$level）来作缩进的值，如text-indent:{$level}em,所以渲染xml内容的时候，第一层没有缩进，渲染完第一层后，我们通过



这样的方法将参数level的值进行了累加从而实现了递归，这样每渲染一层，参数值就加上2，从而实现了不同层次的缩进来实现家族树的结构；这里还要说一下，我们通过@+属性如@name来取节点属性的值。
二、用参数实现隔行换色：
还是引用上面的例子，以及参数level，我们在递归的时候给参数+1（奇数）而不是+2 （偶数），通过（.. test="$level mod 2 = 0"）或（.. test="$level mod 2 = 1"）就可以实现选取奇数行还是偶数行，我们用......给奇数行和偶数行不同的background-color，从而实现了隔行换色的效果，具体代码如下：

三、符号转义以及CDATA语法：
目前碰到的只有“” 要转义成如果在表达式里出现这两个符号，页面在预览的时候就会报错；
另外我们需要将原文件的内容原封不动的输出来，包括换行或上面的大于和小于号等页面元素，这时候就需要CDATA这个标签， CDATA全称character data，翻译为字符数据，数据不进行转义直接输出。语法格式如下：

例如：
]]>
在页面上显示的内容将是"";
四、几个教程中并没有提到的名词：
1、local-name();例子：，这里所表达的意思就是当前节点的名字。
2、...，call-template和apply-template的区别，简单说apply是应用，call是调用。
用apply时，引擎自动搜索与当前select指定xpath的匹配节点相匹配的template（该template必须有属性match）并使用该template进行处理，此时需要指定的是select的path。
用call时就跟其它语言调用函数一样，必须指定name属性，相应的，该template必须有name属性，当然，也可以在这时with-param(当然相应的模板中有对应的param才行，不过这个不强制要求)。通过设置mode属性可以调用同一内容的不同表现形式，这个由自己去定义。
3、count(ancestor::*)这种写法是计算当前节点有多少个祖先节点，当然 ancestor也可以用child，following-sibling等xpath关系。
五、对于要符合多条件的判断，xslt不能很好的支持：
以家族树为例，我要取一个位于第二层的，名字叫Lichao的人，如果按字面理解我们可以写成...,但是这样写在预览xml的时候就会报错，我也想用条件里面套条件这样的写法，也不符合语法，查了很多相关的资料，没有找到很好的解决办法。
以上是在学习和使用xslt对xml进行解析的过程中的一些感想和记录，xslt很强大，有很多功能都没有涉及，当然，我还要继续学习和研究，更多精彩内容，尽在https://js.aizhan.com。