导读：上篇博客中以具体实例分析了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的文档组成结构，嘿嘿。

【HTML/XML 5】使用XSL给XML文档添加样式的更多相关文章

  1. 突发奇想之：源码及文档，文档包括源码---xml格式的源码，文档源码合并；注释文档化，文档代码化；

    目前源码和文档一般都是分开的,我在想为什么 源码不就是最好的文档么? 但是一般源码都是文本text的,格式化需要人为统一规范,所以源码中的文档在现实中不是那么的易于实践. 而且 源码 不能包括图片.附 ...

  2. Xml学习笔记（3）利用递归解析Xml文档添加到TreeView中

    利用递归解析Xml文档添加到TreeView中 private void Form1_Load(object sender, EventArgs e) { XmlDocument doc = new ...

  3. xml基础之二(XML结构【2】)DTD文档模版

    xml基础之二(XML结构[2])DTD文档模版 xml 模板 文档结构  我们知道XML主要用于数据的存储和传输,所以无论是自定义还是外部引用DTD模板文档,都是为了突出数据的存储规范.DTD(文档 ...

  4. 容器环境下如何将NuGet包XML文档添加到Swagger

    容器环境下将NuGet包XML文档添加到Swagger 在.NET Core项目开发过程中,为了实现代码复用,我们将可以重复使用的部分拆分成一个个小的NuGet包.这些NuGet包可以在其他系统中复用 ...

  5. 向Docx4j生成的word文档添加图片和布局--第一部分

    原文标题:Adding images and layout to your Docx4j-generated word documents, part 1 原文链接:http://blog.iprof ...

  6. Java 如何给Word文档添加多行文字水印

    前言 我在以往的文章中曾介绍过如何给Word文档添加文本水印和图片水印,及怎样删除文档中的水印.关于文本水印,之前那篇教程里主要指的是单行字体的水印,而在操作Word文档时,有时也会碰到需要添加多行文 ...

  7. C#给PDF文档添加文本和图片页眉

    页眉常用于显示文档的附加信息,我们可以在页眉中插入文本或者图形,例如,页码.日期.公司徽标.文档标题.文件名或作者名等等.那么我们如何以编程的方式添加页眉呢?今天,这篇文章向大家分享如何使用了免费组件 ...

  8. C# 给Word文档添加内容控件

    C# 给Word文档添加内容控件 在MS Word中,我们可以通过内容控件来向word文档中插入预先定义好的模块,指定模块的内容格式(如图片.日期.列表或格式化的文本等),从而创建一个结构化的word ...

  9. OpenXml入门----给Word文档添加文字

    使用OpenXml给word文档添加文字,每个模块都有自己对于的属性以及内容,要设置样式就先声明属性对象,将样式Append到属性里面,再将属性append到模块里面,那么模块里面的内容就具备该样式了 ...

随机推荐

  1. JavaEE中一些缩写的含义

    EJB:Enterprise JavaBeans  (企业JavaBeans) XML:Extensible Markup Lauguage (可扩展标记语言) SOAP:Simple Object ...

  2. python_面向对象进阶（7）

    第1章 面向对象特性—继承(补充) 1.1 接口类.抽象类介绍 1.2 接口类 1.3 接口类应用过程 1.3.1 第一版:完成多种支付方式接口 1.3.2 第二版: 归一化设计,统一支付方式 1.3 ...

  3. php,json数据传输（无刷新）

    废话不说直接上关键代码: js代码: <script language="javascript"> $(".login").live('click' ...

  4. Redis学习笔记1-安装配置

    一.Redis安装 Redis官网:http://www.redis.io/download 注意:版本号2.4,2.6,2.8等偶数结尾为稳定版,2.5等为非稳定版本,生成环境应该使用稳定版 下载解 ...

  5. 微信小程序 插件介绍

    小程序的插件是对一组js接口.自定义组件或页面的封装.插件不能独立运行,必须嵌入在其他小程序中才能被用户使用:而第三方小程序在使用插件时,也无法看到插件的代码.因此,插件适合用来封装自己的功能或服务, ...

  6. RecyclerView 缓存机制学习笔记1

    盗用别人图片 获取VIew的方法的流程 最先调用 其次调用 这个方法调用会先去缓存 这个是是否有动画,有动画就去里面取. 如果取不到就接着调用 如果在没有继续调用 都取不到就去实例化 调用的次数取决于 ...

  7. Java集合类工具CollectionUtils的操作方法

    集合判断: 例1: 判断集合是否为空:CollectionUtils.isEmpty(null): trueCollectionUtils.isEmpty(new ArrayList()): true ...

  8. MyBatis学习(四)

    前言 最近比较松懈,下班回家后也懒得学习了.今晚实在是看不下去了,争取时间学习.社会上有这么多的资源,就看谁能抢的多吧.今天就说说MyBatis的动态SQL吧 正文 动态 SQL 通常要做的事情是有条 ...

  9. PMP项目管理学习笔记（11）——范围管理之定义范围

    定义范围过程组 定义范围包含将项目分解为团队成员要完成的具体工作之前你需要知道的所有一切. 输入:需求文档.项目章程.组织过程资产 工具:辅助工作室.产品分析.代理方案识别.专家判断 辅助工作室: 与 ...

  10. 善用Object.defineProperty巧妙找到修改某个变量的准确代码位置

    我今天的工作又遇到一个难题.前端UI右下角这个按钮被设置为"禁用(disabled)"状态. 这个按钮的可用状态由属性enabled控制.我通过调试发现,一旦下图第88行代码执行完 ...