利用xsl可以做到将数据和格式完全分离，下面比较一个xml+css和xml+xsl的区别。

XML + css

resume.xml文件内容如下：

 <?xml version="1.0" encoding="GB2312"?>

 <?xml-stylesheet type="text/css" href="resume.css"?>

 <resume>

 <name>禹希初</name>

 <sex>男</sex>

 <birthday>1977.5</birthday>

 <skill>数据库设计与维护、WEB开发</skill>

 </resume>

resume.css文件内容如下：

 resume{ display: block;}

 name{ display: block; font-size:120%;}

 sex{ display:block; text-indent:2em}

 birthday{ display:block; text-indent:2em}

 skill{ display:block; text-indent:2em}

效果：

XML + xsl

resume.xml文件内容如下：

 <?xml version="1.0" encoding="GB2312"?>

 <?xml-stylesheet type="text/xsl" href="resume.xsl"?>

 <resume>

 <name>禹希初</name>

 <sex>男</sex>

 <birthday>1977.5</birthday>

 <skill>数据库设计与维护、WEB开发</skill>

 </resume>

resume.xsl文件内容如下：

 <?xml version="1.0" encoding="GB2312"?>

 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

 <xsl:template match="/">

 <html>

 <head>

 <title>个人简历</title>

 </head><body>

 <xsl:for-each select="resume">

 <p/>

 <table border="1" cellspacing="0">

 <caption style="font-size: 150%; font-weight: bold">

 个人简历

 </caption>

 <tr>

 <th>姓名</th><td><xsl:value-of select="name"/></td>

 <th>性别</th><td><xsl:value-of select="sex"/></td>

 <th>生日</th><td><xsl:value-of select="birthday"/></td>

 </tr>

 <tr>

 <th>技能</th><td colspan="5"><xsl:value-of select="skill"/></td>

 </tr>

 </table>

 </xsl:for-each>

 </body>

 </html>

 </xsl:template>

 </xsl:stylesheet>

效果：

参考：

http://justcoding.iteye.com/blog/778361

http://www.w3school.com.cn/xsl/xsl_for_each.asp

XSL简单实例的更多相关文章

  1. Hibernate(二)__简单实例入门

    首先我们进一步理解什么是对象关系映射模型? 它将对数据库中数据的处理转化为对对象的处理.如下图所示: 入门简单实例: hiberante 可以用在 j2se 项目,也可以用在 j2ee (web项目中 ...

  2. 最新 Eclipse IDE下的Spring框架配置及简单实例

    前段时间开始着手学习Spring框架,又是买书又是看视频找教程的,可是鲜有介绍如何配置Spring+Eclipse的方法,现在将我的成功经验分享给大家. 本文的一些源代码来源于码农教程:http:// ...

  3. 修改js confirm alert 提示框文字的简单实例

    修改js confirm alert 提示框文字的简单实例: <!DOCTYPE html> <html> <head lang="en"> & ...

  4. 利用navicat创建存储过程、触发器和使用游标的简单实例

    利用navicat创建存储过程.触发器和使用游标的简单实例 标签: navicat存储过程触发器mysql游标 2013-08-03 21:34 15516人阅读 评论(1) 收藏 举报  分类: 数 ...

  5. 【转】Android Https服务器端和客户端简单实例

    转载地址:http://blog.csdn.net/gf771115/article/details/7827233 AndroidHttps服务器端和客户端简单实例 工具介绍 Eclipse3.7 ...

  6. Centos7的安装、Docker1.12.3的安装，以及Docker Swarm集群的简单实例

    目录 [TOC] 1.环境准备 ​ 本文中的案例会有四台机器,他们的Host和IP地址如下 c1 -> 10.0.0.31 c2 -> 10.0.0.32 c3 -> 10.0.0. ...

  7. vue路由的简单实例

    vue2.0 和 vue1.0 路由的语法还是有点稍微的差别,下面介绍一下vue-router 2的简单实例: <!DOCTYPE html> <html lang="en ...

  8. Flume概述和简单实例

    Flume概述 Flume是一个分布式.可靠.和高可用的海量日志采集.聚合和传输的系统.支持在日志系统中定制各类数据发送方,用于收集数据;同时,Flume提供对数据进行简单处理,并写到各种数据接受方( ...

  9. jsoup解析HTML及简单实例

    jsoup 中文参考文献    http://www.open-open.com/jsoup/ 本文将利用jsoup,简单实现网络抓取的功能,并给出一个小实例,该实例效果为:获取作者本人在博客园写的所 ...

随机推荐

  1. Scrapy爬虫入门系列1 安装

    安装python2.7 参见CentOS升级python 2.6到2.7 安装pip 参见CentOS安装python setuptools and pip‎ 依赖 https://docs.scra ...

  2. 简化Android的startActivityForResult调用

    一个是解决在onActivityResult 中判断requestCode的问题,第二个是让调用代码的地方就知道我是如何处理对方activity 的返回的. 首先我们有一个ResultActivity ...

  3. mac 权限问题

    终端输入sudo chown -R zjtc /usr/local

  4. LeastRecentlyUsed

    LeastRecentlyUsed Operating Systems http://www.cs.jhu.edu/~yairamir/cs418/os6/sld001.htm Cache repla ...

  5. ElasticSearch（十二）批量查询mget

    1.批量查询的好处 就是一条一条的查询,比如说要查询100条数据,那么就要发送100次网络请求,这个开销还是很大的如果进行批量查询的话,查询100条数据,就只要发送1次网络请求,网络请求的性能开销缩减 ...

  6. delphi android 录像（使用了JMediaRecorder,MediaRecorder的使用方法）

    delphi xe系列自带的控件都无法保存录像,经网友帮忙,昨天终于实现了录像功能(但有个问题是录像时无画面显示),程序主要使用了JMediaRecorder,MediaRecorder的使用方法可参 ...

  7. windows server安装oracle

    倒腾windows server的时候一定要先整net framework然后再安装oracle不然连不上或者装一下client 也能连上但是为了不安装client一定要先装framework!

  8. 10.19-10.20 test

    2016 10.19-10.20 两天  题目by mzx Day1: T1:loverfinding 题解:hash #include<iostream> #include<cst ...

  9. 查看系统信息，区分Centos和Ubuntu

    查看系统信息,区分Centos和Ubuntu # cat /etc/issue \S Kernel \r on an \m centos $ cat /etc/issue Ubuntu 16.04.4 ...

  10. HTML： 简单的悬停效果

    1. [图片] 捕获.jpg ​2. [代码][CSS]代码     body {    background: #000;    overflow-y: scroll;  }  .items {  ...