XSL/XML网页制作入门,入门到精通[5]
[入库:2005年8月18日] [更新:2007年3月25日]
<?xml version="1.0" encoding="gb2312"?>
<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>数据库设计与维护、web开发</skill>
</resume>
此图片仅显示局部,请点击查看完整图片

上例在浏览器中的样子(ie5.0或更新版本)
说明:
version──规定了xml文档的版本,此处只能是1.0;
encoding── 此处规定了xml文档的编码类型,此处取值为"gb2312",也就是"简体中文"。
对比两例,使用xml我们可以做到自定义标记,用标记表明内容的含义。这样在internet上交流资料时,为用计算机处理文档提供了极大的方便,同时我们阅读源文件时也不会被一大堆格式弄得晕头转向。
然而,由于xml并没有为标记规定显示方式,如果我们在游览器中查看以上两个文档(建议使用ie5.0或更新版本),我们将看到xml文档并没有以诸如表格的方式来显示。难道我们就不能像html一样显示文档吗?回答是否定的。以个人简历为例,需要另建一个格式文件说明各个标记的显示方式,其内容如下(假设文件名为resume.css):
程序代码:
resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}
resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}

说明:
以上均为css样式,建议读者参考有关资料熟悉css,在以后学习中必须用到,此处由于篇幅关系不作介绍。建立文件resume.css后,在个人简历.xml文件的第一行后添加以下文字:
程序代码:
<?xml:stylesheet type="text/css" href="resume.css"?>
<?xml:stylesheet type="text/css" href="resume.css"?>
此图片仅显示局部,请点击查看完整图片

说明:
此处表示引用一个外部css样式文件,其中type规定样式类型(可取值为text/css或text/xsl),href规定文件路径。
保存文件,再以ie5.0打开文件。怎么样?格式有些不一样吧。好象还不令人满意,文档内容是清晰了,但显示效果比html编写的文档就差得多了,xml编写的文档就只能以这种方式显示吗?!
提示:
1. 为了更好的理解与掌握xml,建议大家熟悉html 4.0与css 2.0语法;掌握javascript、vbscript中至少一种;编程经验、对数据库理论与sql的了解均能使大家在学习xml时获益。
2. xml文档中标记必须成对出现,如果是空标记也必须有前加"/"的同名标记结束,或使用此种文式<xml_mark/>表示空标记。
本文关键:XSL/XML网页制作入门,入门到精通