激动人心的时刻到了,听,皇家的号角已经响起,皇家的术士--XSL--出场了!!

  讲起xsl(eXtensible Stylesheet Language),我忍不住又要把html拉出来了(反正它也习惯了^^),在html中,有许多简单易懂的标记用来显示数据内容,比如我们可以通过<h1>,<font color>等来设置数据内容的显示格式,而且这些标记通过名称就可以很容易的判断出用途,但是.谁叫它天生就是用来显示数据信息的呢?不过我们的XML就不能这样了,天生就是用来储存和发送数据信息的(劳累命呀),所以,不得已只能求助其他的方式来显示数据内容,于是,我们的术士就出现了.

  作为术士,XSL会的东西远比我们前面介绍的CSS强大的多.它由两种方式构成,一种方式用来转换XML文本内容,另一种则是格式化XML文本内容.我们可以通过XSL首先转换(过滤和整理)XML数据内容,并通过XSL的格式化显示方法定义数据内容显示方式(比如字体大小,颜色等).

  我们的术士也可以定义一个可以被浏览器支持的用来显示转换后的XML数据的方式,目前来讲,这种方式往往是转换XML元素为HTML元素.

  同时,XSL也可以加入或者移除一些元素到输出文件(可以理解为魔法的力量^^),也可以重新整理排列这些元素,并且决定哪些元素将要被显示和如何被显示.

  接下来,是我们的魔法展示,请留心观看:

e.g:

第一部分,一个简单的XML文件:

程序代码:
<?xml version="1.0" encoding="GB2312"?> 
<国王的心腹> 
<皇家术士> 
<姓名>jsper</姓名> 
<代号>008</代号> 
<性别>unknow</性别> 
<地位>术士(不是骗人的巫婆和半仙)</地位> 
<爱好>施展internet魔法</爱好> 
<附注> 
哪位好心人可以提供我一个工作?术士快交不起电话费了 
我的信箱是jsper@371.net 我的icq是:12233550 
</附注> 
<谢谢>真的很感谢你们对我的支持,我会继续努力的 
</谢谢> 
</皇家术士> 
<皇家术士> 
<姓名>XSL</姓名> 
<代号>001</代号> 
<地位> 
the eXtensible Stylesheet Language 
</地位> 
</皇家术士> 
</国王的心腹> 

请将此代码内容保存为mybackup.xml 

第二部分,首次出现的XSL文件:

程序代码:
<?xml version="1.0" encoding="GB2312"?> 
<html xmlns:xsl="http://www.w3.org/TR/WD-xsl"> 
<body style="font-size:12pt;background-color:blue"> 
<xsl:for-each select="国王的心腹/皇家术士"> 
<div style="background-color:green;color:white;padding:4px"> 
<span syle="font-weight:bold;color:white"> 
姓名:<xsl:value-of select="姓名"/> 
</span> 
<p>代号:<xsl:value-of select="代号"/></p> 
<p>性别:<xsl:value-of select="性别"/></p> 
<p>地位:<xsl:value-of select="地位"/></p> 
<p>爱好:<xsl:value-of select="爱好"/></p> 
</div> 
<div style="background-color:yellow;color:red; 
font-size:9pt;margin-bottom:10pt;"> 
<p><center><xsl:value-of select="附注"/></center></p> 
</div> 
<div style="background-color:orange;color:green; 
font-size:9pt;"> 
<center><xsl:value-of select="谢谢"/></center> 
</div> 
</xsl:for-each> 
</body> 
</html> 

请将此段代码内容保存为aboutme.xsl 

第三部分.混合显示魔法

程序代码:
<?xml version="1.0" encoding="GB2312"?> 
<?xml:stylesheet type="text/xsl" href="aboutme.xsl"?> 
<国王的心腹> 
<皇家术士> 
<姓名>jsper</姓名> 
<代号>008</代号> 
<性别>unknow</性别> 
<地位>术士(不是骗人的巫婆和半仙)</地位> 
<爱好>施展internet魔法</爱好> 
<附注> 
哪位好心人可以提供我一个工作?术士快交不起电话费了 
我的信箱是jsper@371.net 我的icq是:12233550 
</附注> 
<谢谢>真的很感谢你们对我的支持,我会继续努力的</谢谢> 
</皇家术士> 
<皇家术士> 
<姓名>XSL</姓名> 
<代号>001</代号> 
<地位>the eXtensible Stylesheet Language</地位> 
</皇家术士> 
</国王的心腹> 

请将此段代码内容保存为aboutme.xml 

  当我们在浏览器中打开aboutme.xml的时候...我们就可以看到神奇的魔法效果了^^

  至此,我们对xsl已经有了初步了解,关于它的深度讲解请期待后续教程,谢谢.

XML教程(4)---皇家的术士(初涉XSL)相关推荐

  1. XML教程和SVG可伸缩矢量图形 (Scalable Vector Graphics)教程

    XML教程 http://www.woyouxian.net/xml/xml_index.html 写的很好诶 SVG教程 http://www.woyouxian.net/z/web/svg/ind ...

  2. XML教程~一文完结

    前言: XML指可扩展标记语言(eXtensible Markup Language),被设计用来传输和存储数据.我们在jQuery中讲解了现在流行了JSON,但是为了更好的学习之后的框架,我们还是来 ...

  3. 使用xsl将xml转化为HTML文档,基于XSL将XML文档转换为HTML格式文档的方法与流程

    技术特征: 1.一种基于XSL将XML文档转换为HTML格式文档的方法,其特征在于,包括: S1,新建一个与XML文档同名的HTML格式文档: S2,定义转换算法,实现XML文档到HTML格式文档的转 ...

  4. XML入门精解之CSS和XSL

    CSS(叠层样式表)和XSL(可扩展样式语言)都可以定义XML文件的显示,这两种方式有哪些不同以及它们在使用中的具体方法,我们将在本文给予介绍. 在XML文件中,使用的基本上是自定义的标记,显然一个浏 ...

  5. Java XML教程

    第一章 入门介绍 关于本教程   在本教程中,我们将讨论如何使用一个 XML 解析器来:  处理一个 XML 文档  创建一个 XML 文档  操作一个 XML 文档  我们也将讨论一些有用而不为众人 ...

  6. c# 操作 XML 教程

    XML文件是一种常用的文件格式,例如WinForm里面的app.config以及Web程序中的web.config文件,还有许多重要的场所都有它的身影.Xml是Internet环境中跨平台的,依赖于内 ...

  7. Java XML教程(汇总)

    本文一部分来自于易百教程:https://www.yiibai.com/java_xml/ 另一部分来源于网上摘抄... 一.XML XML--EXtensible Markup Language(可 ...

  8. xml教程之约束schema

    1.简介 XML Schema 也是一种用于定义和描述 XML 文档结构与内容的模式语言,其出现是为了克服 DTD 的局限性 XML Schema VS DTD: XML Schema符合XML语法结 ...

  9. java xml amp_Javaamp;Xml教程(十一)JAXB实现XML与Java对象转换

    JAXB是Java Architecture for XML Binding的缩写,用于在Java类与XML之间建立映射,可以帮助开发人员非常方便的將XML和Java对象进行相互转换. 本文以一个简单 ...

最新文章

  1. 视觉三位重建:计算机视觉的核心任务
  2. 获取jQuery中的复选框值
  3. MIN()与MAX()函数 的注意事项
  4. Java使用Jolt连接Tuxedo服务器
  5. c语言 4则运算符,C语言学习之路之四-----------C语言的运算符与表达式
  6. AI产品,如何做好从零到一
  7. oracle sequence使用多,Oracle中Sequence使用的限制
  8. 从文件中读取并进行树的存储_数据库中的面试题你能接几招
  9. 计算机上机计划,计算机上机实验内容及实验报告总结计划要求-20210711144121.doc-原创力文档...
  10. Kaldi AMI数据集脚本学习6---转移模型(Transition Model)
  11. Linux 开机引导与关机过程
  12. mysql数据恢复或数据找回方法
  13. 大象不会跳舞了吗?营收下滑的IBM在干什么
  14. 华为手机日历倒计时_倒计时15天:麒麟芯片断供,华为手机普遍涨价,最高涨3000...
  15. 智能卡操作系统的程序代码结构
  16. 怎样使左侧菜单栏不随滚动条滚动
  17. device-mapper: remove ioctl on 320d408ca45023fc0 failed:设备或资源忙
  18. js字符串 new String()、String和String()之间的深度剖析
  19. 计算机用户使用年龄表,笔记本电脑用户年龄以21-30岁为主_联想 Y50-70AM-ISE_调研中心专项研究-中关村在线...
  20. iOS开发系列通讯录、蓝牙、内购、GameCenter、iCloud、Passbook系统服务开

热门文章

  1. kettle spoon判断增量更新_使用Kettle实现数据实时增量同步--时间戳增量回滚同步...
  2. 使用Navicat 导出 MySQL中表的字段信息查询,以及information_schema.COLUMNS解释
  3. MMORPG游戏中AOI视野算法解析
  4. 美国H1B基本情况及相关数据
  5. iPhone语音拍照怎么用?
  6. l1-047. 装睡c语言,L1-047 装睡 (10 分)- PAT团体程序设计天梯赛
  7. Tensorflow2.x 利用“GradientTape 梯度带”自动求梯度
  8. av_interleaved_write_frame错误 Invalid data found when processing input
  9. python学习笔记_week22
  10. 音视频OSD——将64*64的GB2312字库的信息叠加至YUV图像