实验三样式表技术与

《实验三样式表技术与》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验三：XML样式表技术一、实验类型验证性实验二、实验目的1．了解XML内容与显示分离的特点；2．掌握XML样式的两种技术CSS和XSL，并理解两者的区别；2．掌握CSS的基本语法和两种引用方式；3．理解基于XSL处理XML显示的基本原理；4．掌握XSL的语法结构和元素声明。5．掌握XSL中XPath的概念和基本使用方式；6．掌握基于XMLSPY提供的XSLT的转换；三、实验要求1．按要求对XML文档进行CSS定义；2．使用CSS文件对XML进行显示；3．按要求为XML文档编写XSL样式文件；4．使用XSL对XML进行显示；5．能利用XML

2、SPY的XSL转换功能将XML转换为HTML文件。三、实验环境配置有XMLSpy2006或XMLSpy2009开发环境的计算机设备四、实验原理1．XML的样式表技术XML本身不提供任何相关显示的方法，也不像HTML带有预定义的可提供显示功能的标签，在XML中可以使用CSS和XSL两种样式表技术来提供XML数据的格式化显示。XML将文档内容和外观相分离。当需要显示时，再附加包含样式的样式文件。内容与显示分离带来了诸多的优点，使得开发的关注点被分离，要么在数据内容上，要么在显示方式上。同样的数据内容可以有不同的显示样式，只需要更改使用的样式文件

3、。分离也使得开发人员和设计人员能相互独立无干扰地工作。2．CSS——并非为XML专门设计的样式表技术CSS(CascadingStyleSheets)，级联样式表，提供了简单的语法和强大的格式化显示能力。在CSS文件中对XML元素设定不同的样式规则，当使用浏览器显示XML文件，浏览器会根据所引用的CSS文件，对XML每个元素进行格式化。CSS最初是为HTML进行的设计，不具备XML的语法。根据书本内容，掌握CSS的语法结构、常用属性和两种引用方式3．XSL——基于XML的样式表技术XSL(eXtensibleStylesheetLangua

4、ge)，可扩展的样式表语言，提供了基于XML的样式显示方式，它本身就是结构完整的XML文档。nXSL包含三个部分的内容：XSLT、XPath和XSL-FO。nXSL的功能主要由XSLT来完成。在XSL中定义了用于XML显示的模版和模式，当XML处理程序读取XML文件时，会将读入的内容与模式比较，当识别出与XSL样式文件中模式匹配内容的时，将按照对应的模版组合这些内容，生成带有显示能力的其他文档。n使用XPath来查找、定位XML文档片段。nXSL-FO对象可以对XSL转换结果进行显示。FO目前较少使用，一般来说，会将XML转换为(x)Htm

5、l文件，利用CSS和HTML来提供显示。4．CSS与XSL比较CSS只能改变特定元素的格式，也只能以元素为基础。但XSL样式单可以重新排列元素并对元素进行重排序。这种样式单可以隐藏一些元素而显示另外一些元素。更进一步说，还可以选择应用样式的标记，而不仅是基于标记的，而且还基于标记的内容和特性，还基于标记在文档中相对于其他元素的位置，以及基于各种其他的准则。CSS的优越性在于具有广泛的浏览器支持。但是XSL更为灵活和强大，可更好地适用于XML文档。而且带XSL样式单的XML文档可以很容易地转换为带CSS样式单的HTML文档。四、实验内容（一）

6、使用CSS处理XMl显示（1）对以下“联系人.xml”进行CSS定义（设CSS文件名为“联系人.css”）<联系人列表><联系人><姓名>李明<电话>13499999999<联系人><姓名>陈俪<电话>15988888888（2）书写css定义头部

7、on="1.0"encoding="gb2312"?>（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;col

8、or:red;font-family:Times,Arial,serif;font-style:italic;font-size:16pt;font-weight:bold;}（