网页设计实例教程课件第11章网站技术展望.ppt

11.3.1 XML的概念 XML和HTML同属一个大家族——置标语言家族，因此，为了让大家更好地理解XML，我们就首先从HTML讲起。 顾名思义，HTML的精髓在于“置标”（Markup），通俗地讲，就是一种用来给文本添加标记的语言。在HTML中，标记就是所谓的“标签”（tag），每一个标签都表明了一种显示的格式。它描述了一系列标签，每个标签表明了一定的显示格式。被置标后的文件（即同时包含了纯文本和关于文本显示格式的标签的文件）由一个HTML处理工具，譬如一个浏览器，进行读取，然后再根据上述标记规则来加以显示。 11.3.1 XML的概念 用HTML代码显示一个客户联系信息列表： ULLI张三/LIULLI用户ID: 001/LI LIEMAIL: zhang@/LI LI电话: (010)/LI LI地址: 北京市五街1234号/LI LI邮编: 100001/LI /ULLI李四/LI UL LIID: 002/LI LIEMAIL: li@/LI LI电话: (021)/LI LI地址: 上海市南京路9876号/LI LI邮编: 200002/LI /UL /UL 11.3.1 XML的概念 联系人列表联系人姓名张三/姓名ID001/IDEMAILzhang@/EMAIL电话(010)/电话地址街道北京市五街1234号/街道邮编100001/邮编/地址/联系人联系人姓名李四/姓名ID002/IDEMAILli@/EMAIL电话(021)/电话地址街道上海南京路9876号/街道邮编200002/邮编/地址/联系人 /联系人列表这一段代码是一个非常简单的XML文件。看上和HTML非常相象，但这里的标签代表的不再是显示格式，而是对于客户信息数据的语意解释。 用XML代码描述一个客户联系:信息列表: 11.3.2 使用CSS显示XML文档 文件名为：student.xml ?xml version=1.0 encoding=gb2312 ? ?xml-stylesheet type=text/css href=mystyle.css? list 学生花名册 studentname张三/nameorigin河北/originage25/agetelephone/telephone /student studentname李四/nameorigin北京/originage26/agetelephone/telephone /student /list 文件名为：mystyle.css list,student { font-size:15pt; font-weight:bold;color:blue; display:block; margin-bottom:5pt; } origin, age, telephone { font-weight:bold;font-size:12pt; display:block;color:block; margin-left:20pt; } name { font-weight:bold; font-size:14pt;display:block; color:red; margin-top:5pt; margin-left:8pt; } 11.3.2 使用CSS显示XML文档 文件student.xml在浏览器中的显示效果为： 11.3.3 可扩展样式单语言 XSL 可扩展样式单语言 XSL（eXtensible Stylesheet Languge），它也是由W3C制定的。XSL是通过XML进行定义的，遵守XML的语法规则，本身就是一个XML文档。系统可以使用同一个XML解释器对XML文档及相关的XSL文档进行解释处理。而CSS则是一种静态的样式描述格式，其本身不遵从XML的语法规范。 现在一般所说的XSL大都指的是XSLT。与XSLT一同推出的还有其配套标准XPath，这个标准用来描述如何识别、选择、匹配XML文档中的各个构成元件，包括元素、属性、文字内容等。 如前所述，XSLT主要的功能就是转换，在XSLT文档中定义了与XML文档中各个逻辑成分相匹配的模板，以及匹配转换方式。限于目前浏览器的支持能力，大多数情况下是转换为一个HTML文档进行显示。 11.3.3 可扩展样式单语言 XSL mystyle.xsl文件的代码如下： ?xml version=1.0 encoding=gb2312 ? xsl:stylesheet xmlns:xsl=/TR/WD-xslxsl:template match=/ HTMLHEAD TITLE学生花名册/TITLESTYLE .title{font-