【HTML/XML 5】使用XSL给XML文档添加样式

导读:上篇博客中以具体实例分析了HTML和XML在语义上的不同,但是,大家也都发现,XML表现出来的,并没有HTML那样直观或者说美观。其原因是因为XML的表现内容和表现形式被分离。它的表现形式有两种方法可以确定:XSL、CSS。本篇博客,介绍XSL。

 一、再现文档

 

<span style="font-family:KaiTi_GB2312;font-size:18px;"><?xml version="1.0" encoding="UTF-8" ?>
<booklibrary>
	<book>
		<title> 数字图像处理学 </title>
		<author> 陈秋琦 </author>
		<publisher> 电子工业出版社 </publisher>
		<price moneytype="RMB"> 49.00 </price>
	</book>
	
	<book>
		<title> C++Builder开发技术 </title>
		<author> 李东 </author>
		<author> 王宏 </author>
		<publisher> 水利水电出版社 </publisher>
		<price moneytype="RMB">40.00</price>
	</book>
	
	<book>
		<title> VC++编程技术 </title>
		<author> 高强 </author>
		<publisher> 人民邮电出版社 </publisher>
		<price moneytype="RMB"> 35.00 </price>
	</book>
	
</booklibrary></span>

 

 

 

二、编写XSL

 

 

<span style="font-family:KaiTi_GB2312;font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
	<xsl:template match="/">
		<HTML>
			<BODY>
				<H2 ALIGN="center">图书信息列表<HR></HR></H2>
			<TABLE COLSPAN="8" CELLPADDING="5" BORDER="0">
				<TR>
					<TD ALIGN="middle" WIDTH="150" BGCOLOR="#4682b4">
						<FONT COLOR ="#ffffff" SIZE="2" FACE="黑体">书名</FONT>
					</TD>
					<TD ALIGN="middle" WIDTH="800" BGCOLOR="#4682b4">
						<FONT COLOR ="#ffffff" SIZE="2" FACE="黑体">作者</FONT>
					</TD>
					<TD ALIGN="middle" WIDTH="150" BGCOLOR="#4682b4">
						<FONT COLOR ="#ffffff" SIZE="2" FACE="黑体">出版社</FONT>
					</TD>
					<TD ALIGN="middle" WIDTH="50" BGCOLOR="#4682b4">
						<FONT COLOR ="#ffffff" SIZE="2" FACE="黑体">价格</FONT>
					</TD>
				</TR>
				<xsl:for-each select="booklibrary/book">
				<TR>
					<TD BGCOLOR="#f7efde" ALIGN="middle">
						<FONT SIZE="2"><xsl:value-of select="title"/></FONT>
					</TD>
					<TD BGCOLOR="#f7efde" ALIGN="middle">
						<FONT SIZE="2"><xsl:value-of select="author"/></FONT>
					</TD>
					<TD BGCOLOR="#f7efde" ALIGN="middle">
						<FONT SIZE="2"><xsl:value-of select="publisher"/></FONT>
					</TD>
					<TD BGCOLOR="#f7efde" ALIGN="middle">
						<FONT SIZE="2"><xsl:value-of select="price"/></FONT>
					</TD>
				</TR>
				</xsl:for-each>
			</TABLE>
			</BODY>
		</HTML>
	</xsl:template>
</xsl:stylesheet></span>

 

 

 

三、实现样式

 

将编写好的XSL文档,添加到XML文档中。位置:在第一句话下面。

 

<span style="font-family:KaiTi_GB2312;font-size:18px;"><?xml version="1.0" encoding="UTF-8" ?>
<?xml:stylesheet type="text/xsl" href="BOOK.XSL"?>
<booklibrary></span>


效果:

 

四、总结

现在已经实现用XSL给XML文档添加样式了,接下来会介绍XML的文档组成,还有XML的变量、类型定义等。下篇博客介绍XML的文档组成结构,嘿嘿。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值