《XML样式表技术(CSS与XSL)》由会员分享，可在线阅读，更多相关《XML样式表技术(CSS与XSL)（9页珍藏版）》请在金锄头文库上搜索。
1、实验五： 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本身不提供任何相关
2、显示的方法，也不像HTML带有预定义的可提供显示功能的标签，在XML中可以使用CSS和XSL两种样式表技术来提供XML数据的格式化显示。XML将文档内容和外观相分离。当需要显示时，再附加包含样式的样式文件。内容与显示分离带来了诸多的优点，使得开发的关注点被分离，要么在数据内容上，要么在显示方式上。同样的数据内容可以有不同的显示样式，只需要更改使用的样式文件。分离也使得开发人员和设计人员能相互独立无干扰地工作。2 CSS并非为XML专门设计的样式表技术CSS(Cascading Style Sheets)，级联样式表，提供了简单的语法和强大的格式化显示能力。在CSS文件中对XML元素设定不同的样
3、式规则，当使用浏览器显示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文件时，会将读入的内容与模式比
4、较，当识别出与XSL样式文件中模式匹配内容的时，将按照对应的模版组合这些内容，生成带有显示能力的其他文档。n 使用XPath来查找、定位XML文档片段。n XSL-FO对象可以对XSL转换结果进行显示。FO目前较少使用，一般来说，会将XML转换为(x)Html文件，利用CSS和HTML来提供显示。4CSS与XSL比较CSS只能改变特定元素的格式，也只能以元素为基础。但XSL样式单可以重新排列元素并对元素进行重排序。这种样式单可以隐藏一些元素而显示另外一些元素。更进一步说，还可以选择应用样式的标记，而不仅是基于标记的，而且还基于标记的内容和特性，还基于标记在文档中相对于其他元素的位置，以及基于各
5、种其他的准则。CSS的优越性在于具有广泛的浏览器支持。但是XSL更为灵活和强大，可更好地适用于XML文档。而且带XSL样式单的XML文档可以很容易地转换为带CSS样式单的HTML文档。【实验内容】（一）使用CSS处理XMl显示（1）对以下“联系人.xml”进行CSS定义（设CSS文件名为“联系人.css”） 李 明 13499999999 陈 俪 15988888888 （2）书写css定义头部（3）定义“联系人列表”元素的显示（由“联系人”组成）联系人列表display:block;（4）定义“联系人”元素的显示联系人 display:block; position:center; （5）定
6、义“姓名”及“电话”元素的显示姓名 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样式表 李 明 13499999999 陈 俪 15988888888 （8）在I
7、E中打开带有CSS定义的“联系人信息.xml”，观察显示结果。如显示没有效果，请修改XML中的元素中文名称替换为字母，并修改对应的css文件。 （10）修改CSS的引用方式为内部CSS。 李? 明 13499999999 陈? 俪3 15988888888 问题与思考：（1） CSS选择器是否支持中文？不支持（2）CSS的选择器定义的样式规则是否会被继承？（二）使用XSL处理XML显示主页XML文档：09计专2数学语文平时考试的意义在于检测，几道题是检测不了我们的能力，但是可以检测出我们对那个知识点没有掌握好，从而通过检测，让我们尽快把知识点补充起来，这才是考试的意义主页XSL文档： 常熟理工学院 计算机系 09级 学生成绩查询 班级科目考试意义 数学XML文档： 0907045201 夏沫 98 0907045202 明晓溪 102 0907045203 小泉 125 0907045204
