XSL/XML网页制作入门，入门到精通

• <name>禹希初</name>
  <sex>男</sex>
  <birthday>1977.5</birthday>
  <skill>数据库设计与维护、WEB开发</skill>
  </resume>
  <?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="http://www.zahui.com/html/12/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/>表示空标记。

  　　3. XML以及下面将要介绍的XSL文档，属性值必须用双引号（"）或单引号（’）括起来。

  　　4. XML文档必须是良构的（XSL文档也是XML文档中一种），也就是说标记必须有结束标记、标记可以嵌套但不可交叉，如：

  <outer><inner></inner><inner/></outer>

  是合法的，而下面的形式

  <outer><inner></outer></inner>

  则是错误的。如果XML文档在浏览时出错，多半是违反了上面提到的规则。

  　　上期我们讲到用CSS（层叠样式表）来格式化XML文档，其效果并不很令人满意。实际上CSS用来格式化HTML标记比较合适些，只是因为它简单才在上例中采用。

  　　XML在更多的时候只是一种数据文件，怎样将它变为我们日常所看到的HTML格式那样的文件呢？如果我们将XML文件比作结构化的原料的话，那么XSL就好像"筛子"与"模子"，筛子选取自己需要的原料，这些原料再通过模子形成最终的产品：HTML。

  　　这个模子大致是这样：我们先设计好表现的页面，再将其中需要从XML中获取数据来填充内容的部分"挖掉"，然后用XSL语句从XML中筛出相关的数据来填充。一言以譬之：这XSL实际上就是HTML的一个"壳子"，XML数据利用这个"壳"来生成"传统"的HTML。

  　　XML在展开时是一个树形结构，我们将树形结构中自定义标记称为节点，节点之间存在父子、兄弟关系，我们要访问其中的结点从根结点就要以"／"来层层进入。

  　　在XSL这个壳中，我们要从原料库XML里提取相关的数据，就要用到XSL提供的模式化查询语言。所谓模式化查询语言，就是通过相关的模式匹配规则表达式从XML里提取数据的特定语句，即我们上面所说的"筛子"。

  　　参考微软的"XSL开发者指南"，我们大致可将模式语言分为三种：

  　　选择模式：

  <xsl:for-each>、<xsl:value-of>和 <xsl:apply-templates>

  　　测试模式：

  <xsl:if> 和<xsl:when>

  　　匹配模式：

  <xsl:template>

  　　我们现在就分别对之进行介绍。

  　　一、 选择模式

  　　选择模式语句将数据从XML中提取出来，是一种简单获得数据的方法，这几个标记都有一个select属性，选取XML中特定的结点名的数据。

  　　1、<xsl:for-each>

  　　如在XML中有这样的数据:
  

• 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• XSL/XML网页制作入门，入门到精通 相关文章：
• ·结束SQL注入隐患3招
• ·Web2.0在中国步入歧途 缺赢利模式VC有错
• ·Windows 7操作系统新技术深入探讨
• ·黑客如何利用文件包含漏洞进行网站入侵
• ·知己知彼 看黑客如何入侵Linux操作系统
• ·深入了解微软Windows 7系统
• ·深入分析Windows操作系统死机问题
• ·2007年Adobe设计大赛入围作品(29)
• ·黑客入侵前的信息收集
• ·平板电视工程菜单进入方法汇总
• XSL/XML网页制作入门，入门到精通 相关软件
• ·越狱秘密潜入
• ·《深入敌后：雷神战争》火爆试玩
• ·手机游戏：深入黑帮
• ·《交易》— 步入权利与欲望的死亡陷阱
• ·《细致入微的战争铅笔画》
• ·入不思议解脱境界普贤行愿品_男声朗诵版(多背景音乐)
• ·第6届茅盾文学奖入围作品合集
• ·编程教程－MFC入门
• ·猴脑入侵
• ·C语言初学者入门讲座

上一篇:国外SEO相关论坛地址列表

下一篇:用JS自动生成等比例缩略图

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐