第4讲(css样式显示)

2006.2计算机与电子系—顾兵XML实用教程第4讲2006.2计算机与电子系—公共课教研室上一讲主要内容XML文件实体XML文件结构XML文件置标规则XML文件基本术语(元素、属性、标签）CDATA节2006.2计算机与电子系—公共课教研室空白问题空白意指没有可视外观，但对文档的格式化有影响的字符（空格、制表、换行、回车）空白的处理由其在XML中的位置决定：标记内，所有空白等效于单个空格空白字符；•所有空白至单个空格的转换称空白规范化；内容中的空白可通过使用xml:space属性控制这一点:•属性值设为preserves时所有空白未加改变地传递给应用程序•属性值为default时将该元素及其以下元素的空白规范化2006.2计算机与电子系—公共课教研室空白处理示例?xmlversion=1.0?chapterxml:space=defaultpara1/para1para2xml:space=preserve/para2para3/para3/chapter2006.2计算机与电子系—公共课教研室文档注释各类编程语言中都有注释XML文档的注释以!—注释内容--标识注释须注意的几点：注释不能在XML声明前；注释不允许出现在标签中；注释不能嵌套和重`叠使用。2006.2计算机与电子系—公共课教研室注释示例?xmlversion=1.0encoding=gb2312?test!--这是根元素注释的示例--test1!--这是第一级子元素注释的示例--/test1/test2006.2计算机与电子系—公共课教研室语言标志在文件处理时，可标出其内容所使用的自然或形式化语言。方法是：在文件中插入一个名为xml:lang的属性，以指出文档中元素内容和属性所使用的语言。2006.2计算机与电子系—公共课教研室符合规则的XML文件XML除了标准定义之外,几乎任何标记的设置都可以自定义在自由设置的条件下,XML提供一些特定的规则,XML文件只有符合这些规则,解析器才会处理.符合规则的XML文件,称为Well-formed2006.2计算机与电子系—公共课教研室XML应用文件实例本实例是为一个商业机构编写关于商品目录的XML文件:采用自顶向下的设计方式:关于一个商品目录的描述是:商品内码\商品条码\商品名称\计量单位\商品单价2006.2计算机与电子系—公共课教研室XML语法--八条规则文件必须以”XML声明”开始.文件中必须有一个根元素.标记必须成对出现.如果标记不成对出现,必定有”/”空标记.文件必须是树状结构.大小写不同.属性值设置必须用双引号括起来.限定字需用实体引用.2006.2计算机与电子系—公共课教研室不符合规则的文件示例!--这是一个违反声明规则的示例--?xmlversion=1.0?booksbookXMLauthorWANG/authorauthorliu/author/book/books2006.2计算机与电子系—公共课教研室有效的XML文件一个XML文件如满足:该文件是Well-formed;该文件是根据DTD来设计的XML文件;这份文件的DTD语法正确.这份XML文件称为是Valid.2006.2计算机与电子系—公共课教研室Well-formed与Valid的关系“有效”的限制比”符合规则”多,或说有效是建立在符合规则上.两者的关系如下:Well-formedValid2006.2计算机与电子系—公共课教研室违反有效性的示例?xmlversion=1.0encoding=gb2312?!DOCTYPE机构[!ELEMENT姓名(#PCDATA)!ELEMENT电话(#PCDATA)]机构负责人单位校办/单位姓名王云飞/姓名电话51000236/电话/负责人负责人单位电子系/单位姓名陈之荣/姓名电话88420232/电话/负责人/机构2006.2计算机与电子系—公共课教研室XML文件示例(清单)?xmlversion=1.0encoding=gb2312?!DOCTYPEspmlSYSTEM5-01.dtdspmlspnm05011402spmc数码相机/spmcsptm9787508314086/sptmjldw台/jldwdj1500/dj/spnmspnm05011432spmc电冰箱/spmcsptm6287508314080/sptmjldw台/jldwdj2400/dj/spnmspnm09215621spmcT恤衫/spmcsptm4320108313145/sptmjldw件/jldwdj180/dj/spnm/spml2006.2计算机与电子系—公共课教研室XML文件类型定义5-01.DTD文件清单:!ELEMENTspml(spnm*)!ELEMENTspnm(spmc,sptm,jldw,dj)!ELEMENTspmc(#PCDATA)!ELEMENTsptm(#PCDATA)!ELEMENTjldw(#PCDATA)!ELEMENTdj(#PCDATA)2006.2计算机与电子系—公共课教研室IE浏览器效果2006.2计算机与电子系—公共课教研室本实例的树状模型SPMLspnmspnmspnmspmcsptmjldwdj2006.2计算机与电子系—公共课教研室语法小结基本语法还有大量细节需处理XML语法概念上简单一个XML文档中不是标记就是字符数据标记(标签)由包括在尖括弧中的元素结构表示元素由一个开始标记和一个结束标记所定义附加的数据可包含在属性中2006.2计算机与电子系—公共课教研室第2章练习题一.判断题()23班标记命名正确()空标记是将结束标记省略的标记()如果是Well-formed的文件,一定是Valid文件()树状结构使得XML文件可以有多个根元素,每个根元素可有自已的树状结构()XML可以取代HTML来显示数据文件二.填空题XML的逻辑结构可分成哪几部分()CDATA标记以()开始,以()结束XML文件第一行必须是()认定XML文件为Valid的条件是()实体分为(),实体引用的格式是()2006.2计算机与电子系—公共课教研室第2章练习题(续)三.应用题如下所示联系人数据文档:联系人姓名张云/姓名[e-mail]/EMAIL/联系人将此文档编入你的XML文档通讯录中,并能原样传输.四.应用题试建立一个描述学校的XML文件,要包含以下标记:Name,President,TeacherNumber,StudentNumber并将这个文件的树状结构展示出来.(不超过15行)2006.2计算机与电子系—公共课教研室第3章:XML显示主要内容:CSS语法及其使用XSL文档及其应用2006.2计算机与电子系—公共课教研室XML文档显示方法XML文档本身解决数据定义(描述)的问题如何恰当显示XML文档所描述的数据?级联式样式表CSS(CascadingStyleSheet)可扩展样式表语言XSL(eXtensibleStylesheetLanguge)采用与XML相分离的样式表2006.2计算机与电子系—公共课教研室CSS简介CSS级联式样式表单于1996年提出其目标是为HTML文档的显示需要CSS通过对特定元素的表现方式的描述类确定文档的表现方式最初提供的是CSS1,在此基础上提出了CSS2以及CSS3CSS能与XML很好地结合,以提供与原文档相分离的样式描述2006.2计算机与电子系—公共课教研室CSS语法说明CSS是一种简单、易懂、易用的语言CSS是一个独立的文件（.css)许多常用字处理软件支持CSS功能注意:CSS并不符合XML语法选择字体、字体粗细、字号、颜色2006.2计算机与电子系—公共课教研室CSS语法规则样式单实质就是一组规则CSS有若干组规则，但结构类似CSS语法格式为：Selector{属性名称:值;属性名称:值;…}举例Author(font-family:“宋体”;font-size:12pt;color:red)选择符字体属性名字体属性值2006.2计算机与电子系—公共课教研室CSS的作用因为样式表与XML文档相分离,因此同一个XML文档,可以引用不同的样式表。不同的样式表用于不同目的：打印、展示、Web应用或其他改变样式表即可以多样化地显示同一个XML文档内容。2006.2计算机与电子系—公共课教研室CSS样式表的使用CSS与XML文档建立联系有两种方式：把以下PI指令包括在XML文档中?xml-stylesheettype=“text/css”href=“样式表名.css”?直接在XML元素中声明style元素来定义样式这种引用会用到XML文档中未定义过的style标签,需通过命名机制引入:根目录xmlns:html=“”2006.2计算机与电子系—公共课教研室CSS样式表内容(3-4.css)CD{display:block;}title{display:block;color:#0066cc;font-family:宋体;font-sise:24pt;font-weight:bold;text-align:center;}歌手{display:block;font-family:黑体,Arial,Tahoma;color:coral;font-sise:16pt;font-weight:bold;tedxt-align:center;}song{display:block;color:#00ffcc;text-indent:2em;font-family:宋体;font-sise:9pt;font-height:1.5em;margin-left:10%margin-right:15%;}2006.2计算机与电子系—公共课教研室示例XML文件(3-3.xml)?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/csshref=3-4.css?newCDCDtitle红蔷薇/title歌手萧亚轩/歌手song一个人的精彩/songsong蔷薇/songsong夜/song/CDCDtitle天堂/title歌手腾格尔/歌手song天堂/songsong蒙古人/songsong小河淌水/song/CD/newCD2006.2计算机与电子系—公共课教研室外部CSS样式表显示举例2006.2计算机与电子系—公共课教研室内部CSS格式引用的XML文件(3-5.XML)?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/css?newCDxmlns:html=:style!--CD{display:block;color:#aa0000;}title{display:block;font-family:宋体;…;}歌手{display:block;font-family:黑体,Arial,Tahoma;...;}song{display:block;text-indent:2em;font-family:宋体;…}--