zoukankan      html  css  js  c++  java
  • 【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的文档组成结构,嘿嘿。

  • 相关阅读:
    loj#2333 「JOI 2017 Final」准高速电车
    loj#2332 「JOI 2017 Final」焚风现象
    loj#501 「LibreOJ β Round」ZQC 的树列
    loj#500 「LibreOJ β Round」ZQC 的拼图
    p2827 蚯蚓
    p5471 [NOI2019]弹跳
    p5304 [GXOI/GZOI2019]旅行者
    p2503 [HAOI2006]均分数据
    p4899 [IOI2018] werewolf 狼人
    loj#137 最小瓶颈路 加强版
  • 原文地址:https://www.cnblogs.com/hhx626/p/6010377.html
Copyright © 2011-2022 走看看