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

前端之家收集整理的这篇文章主要介绍了【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的文档组成结构,嘿嘿。

原文链接:https://www.f2er.com/xml/295656.html

猜你在找的XML相关文章