XML样式表技术(CSS与XSL).doc

实验五： XML样式表技术【实验目的】1了解XML内容与显示分离的特点； 2掌握XML样式的两种技术CSS和XSL，并理解两者的区别； 2掌握CSS的基本语法和两种引用方式；3理解基于XSL处理XML显示的基本原理；4掌握XSL的语法结构和元素声明。5掌握XSL中XPath的概念和基本使用方式；6掌握基于XML SPY提供的XSLT的转换；【实验要求】1按要求对XML文档进行CSS定义；2使用CSS文件对XML进行显示；3按要求为XML文档编写XSL样式文件；4使用XSL对XML进行显示；【实验环境】配置有vs2010开发环境的计算机设备【实验原理】1XML的样式表技术XML本身不提供任何相关显示的方法，也不像HTML带有预定义的可提供显示功能的标签，在XML中可以使用CSS和XSL两种样式表技术来提供XML数据的格式化显示。XML将文档内容和外观相分离。当需要显示时，再附加包含样式的样式文件。内容与显示分离带来了诸多的优点，使得开发的关注点被分离，要么在数据内容上，要么在显示方式上。同样的数据内容可以有不同的显示样式，只需要更改使用的样式文件。分离也使得开发人员和设计人员能相互独立无干扰地工作。2 CSS并非为XML专门设计的样式表技术CSS(Cascading Style Sheets)，级联样式表，提供了简单的语法和强大的格式化显示能力。在CSS文件中对XML元素设定不同的样式规则，当使用浏览器显示XML文件，浏览器会根据所引用的CSS文件，对XML每个元素进行格式化。CSS最初是为HTML进行的设计，不具备XML的语法。根据书本内容，掌握CSS的语法结构、常用属性和两种引用方式3 XSL基于XML的样式表技术XSL(eXtensible Stylesheet Language)，可扩展的样式表语言，提供了基于XML的样式显示方式，它本身就是结构完整的XML文档。n XSL包含三个部分的内容：XSLT、XPath和XSL-FO。n XSL的功能主要由XSLT来完成。在XSL中定义了用于XML显示的模版和模式，当XML处理程序读取XML文件时，会将读入的内容与模式比较，当识别出与XSL样式文件中模式匹配内容的时，将按照对应的模版组合这些内容，生成带有显示能力的其他文档。n 使用XPath来查找、定位XML文档片段。n XSL-FO对象可以对XSL转换结果进行显示。FO目前较少使用，一般来说，会将XML转换为(x)Html文件，利用CSS和HTML来提供显示。4CSS与XSL比较CSS只能改变特定元素的格式，也只能以元素为基础。但XSL样式单可以重新排列元素并对元素进行重排序。这种样式单可以隐藏一些元素而显示另外一些元素。更进一步说，还可以选择应用样式的标记，而不仅是基于标记的，而且还基于标记的内容和特性，还基于标记在文档中相对于其他元素的位置，以及基于各种其他的准则。CSS的优越性在于具有广泛的浏览器支持。但是XSL更为灵活和强大，可更好地适用于XML文档。而且带XSL样式单的XML文档可以很容易地转换为带CSS样式单的HTML文档。【实验内容】（一）使用CSS处理XMl显示（1）对以下“联系人.xml”进行CSS定义（设CSS文件名为“联系人.css”） 李 明陈 俪（2）书写css定义头部（3）定义“联系人列表”元素的显示（由“联系人”组成）联系人列表display:block;（4）定义“联系人”元素的显示联系人 display:block; position:center; （5）定义“姓名”及“电话”元素的显示姓名 display:block; color:blue; font-family:Times,Arial,serif; font-style:normal; font-size:16pt; font-weight:bold; 电话 display:block; color:red; font-family:Times,Arial,serif; font-style:italic; font-size:16pt; font-weight:bold; （6）在XML文件中指定对应CSS样式表 李 明陈 俪（8）在IE中打开带有CSS定义的“联系人信息.xml”，观察显示结果。如显示没有效果，请修改XML中的元素中文名称替换为字母，并修改对应的css文件。 （10）修改CSS的引用方式为内部CSS。 李? 明陈? 俪3问题与思考：（1） CSS选择器是否支持中文？不支持（2）CSS的选择器定义的样式规则是否会被继承？（二）使用XSL处理XML显示主页XML文档：09计专2数学语文平时考试的意义在于检测，几道题是检测不了我们的能力，但是可以检测出我们对那个知识点没有掌握好，从而通过检测，让我们尽快把知识点补充起来，这才是考试的意义主页XSL文档： 常熟理工学院 计算机系 09级 学生成绩查询 班级科目考试意义 数学XML文档： 0907045201 夏沫 98 0907045202 明晓溪 102 0907045203 小泉 125 0907045204 洛溪 56 0907045205 易维纳 92 0907045206 知返 106数学XSL文档： 数学成绩表 学号姓名成绩 语文XML文档： 0907045201 夏沫 126 0907045202 明晓溪 128 0907045203 小泉 95 0907045204 洛溪 99 0907045205 易维纳 136 090704520