XML文件的显示——CSS和XSL(2)
来源:ccidnet.com 发布时间:2007-10-15 18:48:00
■用XSL来表现XML
XSL(可扩展样式语言)也是一种显示XML文件的规范。和CSS不同的是:XSL是遵循XML的规范来制定的。也就是说,XSL文件本身符合XML的语法规定。XSL在排版样式的功能上要比CSS强大。比如:CSS适用于那些元素顺序不变的文件,它不能改变XML文件中元素的顺序——元素在XML文件中是什么顺序排列的,那么通过CSS表现出来顺序不能改变。对于那些需要经常按不同元素排序的文件,我们就要用XSL。
XSL是怎样工作的呢?XML文件在展开后是一种树状结构,称为“原始树”,XSL处理器(现在只有IE 5支持XSL,在IE 5中的处理器叫:XSL Stylesheet Processor)从这个树状结构读取信息,根据XSL样式的指示对这个“原始树”进行排序、复制、过滤、删除、选择、运算等操作后产生另外一个“结果树”,然后在“结果树”中加入一些新的显示控制信息,如表格、其他文字、图形以及一些有关显示格式的信息。XSL处理器根据XSL样式表的指示读取XML文件中的信息,然后再重新组合后转换产生一个Well-Formed 的HTML文件。浏览器显示HTML文件肯定是没问题的,这样,XML文件中的信息就会以一定的形式显示在我们面前了。
图2
同样,我们先来看一个XSL的例子,再来分析它的结构和语法。XML源文件和XSL源文件如例2所示,显示效果如图3。可以看到,要想XML文件使用XSL来表现,在XML文件前面要加上一句:〈?xml-stylesheet href="URL" type="text/xsl" ?〉,和引用CSS是一样的,只不过是指定type="text/xsl"。
看看XSL文件,可以发现XSL文件的结构和XML文件的结构是一样的,因为XSL的规则是根据XML的规则制定的。一个XSL文件也必须是Well-Foemed的,因为XSL文件中所用的标记都是W3C定义好的。所以,XSL文件就不需要DTD了。另外,可以看到在XSL文件中可以插入一些HTML的标记,来帮助XML文件的显示,这些HTML的标记也必须是Well-Formed的,例如:必须要有正确的结束标记(不能像在HTML文件中那样可以偷懒了)。
XSL文件本身即是一份 XML文件,所以在XSL文件的开头,一样有和XML文件相同的声明。W3C为XSL定义了很多标记(元素),XSL文件就是这些标记和HTML标记的组合。在XSL文件中,必须有:〈xsl:stylesheet xmlns:xsl=http://www.w3.org/TR/WD-xsl〉。
其中,xsl:stylesheet是XSL文件的根元素,在根元素中包含了所有的排版样式,样式表就是由这些排版样式组合成的;xmlns:xsl="http://www.w3.org/TR/WD-xsl"这一句主要用来说明该XSL样式表是使用W3C所制定的XSL,设定值就是XSL规范所在的URL地址。


猜你喜欢
- 最近Google官方的开发者博客中宣布新的版本Tensorflow(0.12)将增加对Windows的支持,想试着windows10下学习t
- 虽然淘宝商城的名字中带有“商城”两字,但是很显然的,淘宝商城并不是一个B2C商城,淘宝商城仍只是一个C2C平台,充其量只是个收费版的淘宝。在
- 本文实例讲述了PHP调用全国天气预报数据接口查询天气。分享给大家供大家参考,具体如下:基于PHP的聚合数据全国天气预报API服务请求的代码样
- /** * The maximum supported {@code LocalTime}, '23:59:59.999999999
- PDF是我们经常会接触到的一种文件格式,文献、文档...很多都是PDF格式。它以格式稳定的优势,使得我们在打印、分享、传输过程中能够最优的保
- 背景考虑这样一种情况,产品同学希望达到以下功能:在我们的网页中有一个固定区域,这个区域会用于渲染从后端拉取的含有图片等资源的富文本字符串。他
- 目录1. 前言2. 介绍及安装3. 实战一下3-1 创建爬虫项目3-2 创建爬虫 Ai
- 一、下载git可以官网下载,傻瓜步骤安装就行下载好之后需要在idea中配置git,在File》settings》version Contro
- 一 CGI.pm中的方法(routines)调用1. CGI.pm实现了两种使用方法,分别是面向对象的方式和传统的perlmodule方法的
- 前言gif图就是动态图,它的原理和视频有点类似,也是通过很多静态图片合成的.本篇文章主要介绍,如何利用Python快速合成gif图,主要利用
- 本文实例分析了Python减少循环层次和缩进的技巧。分享给大家供大家参考,具体如下:我们知道Python中冒号和缩进代表大括号,这样写已经可
- 什么是Three.js? 如果你正在读这篇文章,你可能对Three.js有一定的了解,那我们来简单地介绍下Three.js是什么.Three
- 直接看如下图解1、右击项目,查看提交历史2、选择要回滚的版本,点击回滚3、push回滚的内容:双击该回滚记录,弹出后,检查一下回滚的内容,没
- import wx import imagesclass DemoTaskBarIcon(wx.TaskBarIcon): &nb
- 首先在文件夹中添加_init_.py文件,即使是空文件也可以,多层文件夹,每层文件夹中都要添加。比如我要import,a文件夹中,b文件夹下
- 使用 Microsoft® SQL Server™ 2000,可以选择在一台计算机上安装 SQL Ser
- 本文实例为大家分享了微信小程序定时拍照的具体代码,供大家参考,具体内容如下在某些进行签到的场景,为了防止用户选择相册的照片或者不实时拍照,设
- 本文实例讲述了php基于curl实现随机ip地址抓取内容的方法。分享给大家供大家参考,具体如下:使用php curl 我们可以模仿用户行为,
- 在开发过程中我们需要将我们的数据通过图标的形式展现出来,接下来我为大家介绍一个有趣的框架:Echarts。这是一个使用JavaScript实
- 为什么要做这个?mock 第三方服务时,需要使用,另外包括自身开发,有时也会用到python#!/usr/bin/env python2#