导读：上篇博客中以具体实例分析了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文档添加样式的更多相关文章

突发奇想之：源码及文档，文档包括源码---xml格式的源码，文档源码合并；注释文档化，文档代码化；
目前源码和文档一般都是分开的,我在想为什么源码不就是最好的文档么? 但是一般源码都是文本text的,格式化需要人为统一规范,所以源码中的文档在现实中不是那么的易于实践. 而且源码不能包括图片.附 ...
Xml学习笔记（3）利用递归解析Xml文档添加到TreeView中
利用递归解析Xml文档添加到TreeView中 private void Form1_Load(object sender, EventArgs e) { XmlDocument doc = new ...
xml基础之二(XML结构【2】)DTD文档模版
xml基础之二(XML结构[2])DTD文档模版 xml 模板文档结构我们知道XML主要用于数据的存储和传输,所以无论是自定义还是外部引用DTD模板文档,都是为了突出数据的存储规范.DTD(文档 ...
容器环境下如何将NuGet包XML文档添加到Swagger
容器环境下将NuGet包XML文档添加到Swagger 在.NET Core项目开发过程中,为了实现代码复用,我们将可以重复使用的部分拆分成一个个小的NuGet包.这些NuGet包可以在其他系统中复用 ...
向Docx4j生成的word文档添加图片和布局--第一部分
原文标题:Adding images and layout to your Docx4j-generated word documents, part 1 原文链接:http://blog.iprof ...
Java 如何给Word文档添加多行文字水印
前言我在以往的文章中曾介绍过如何给Word文档添加文本水印和图片水印,及怎样删除文档中的水印.关于文本水印,之前那篇教程里主要指的是单行字体的水印,而在操作Word文档时,有时也会碰到需要添加多行文 ...
C#给PDF文档添加文本和图片页眉
页眉常用于显示文档的附加信息,我们可以在页眉中插入文本或者图形,例如,页码.日期.公司徽标.文档标题.文件名或作者名等等.那么我们如何以编程的方式添加页眉呢?今天,这篇文章向大家分享如何使用了免费组件 ...
C# 给Word文档添加内容控件
C# 给Word文档添加内容控件在MS Word中,我们可以通过内容控件来向word文档中插入预先定义好的模块,指定模块的内容格式(如图片.日期.列表或格式化的文本等),从而创建一个结构化的word ...
OpenXml入门----给Word文档添加文字
使用OpenXml给word文档添加文字,每个模块都有自己对于的属性以及内容,要设置样式就先声明属性对象,将样式Append到属性里面,再将属性append到模块里面,那么模块里面的内容就具备该样式了 ...

随机推荐

h5-19-文件操作-文件域
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
PHP 讓 json_encode() 指定回傳格式
PHP 回傳 JSON 很方便, 只要將資料經過 json_encode() 就解決了. 不過因為 PHP 自動轉換型別, 造成很多資料都習慣存成字串, 希望在輸出 JSON 的時候, 數字部份可以輸 ...
Lambda表达式的一些常用形式
1.调用一个方法 prod=>EvaluteProduct(prod); 2.lambad表达式来表示一个多参数的委托,则必须把参数封装在括号内.语句如下: (prod,count)=>p ...
【学习笔记】一：JavaScript简介
1.JavaScript简史 1)JavaScript最初的功能只是用来在客户端做简单的输入验证器,减少客户端与服务器端的数据交互(毕竟那个年代网速有限). 2)JavaScript的飞速发展及Net ...
java (给出年月日，计算该日是该年的第n天 )
package com.ywx.testdemo01; import java.util.Scanner; /** * 题目:给出年月日,计算该日是该年的第n天 * @author yangwenxu ...
UI常用字体定义和继承的实例，ResearchKitCode
#import <UIKit/UIKit.h> @interface UIFont (APCAppearance) + (UIFont*) appRegularFontWithSize: ...
How exception works ?
这是2013年写的一篇旧文,放在gegahost.net上面 http://raison.gegahost.net/?p=28 February 18, 2013 How exception work ...
Win10 系统安装Sql Server2008 R2 数据库遇到的问题及解决办法总结！
1.开始安装时,提示要先安装 “.NET Framework 3.5(包括.NET 2.0和3.0)”,之前已经下载好.NET Framework 3.5 sp1,安装时还是提示要先安装 “.NET ...
获取当前目录文件输出html 网页查看
@echo off setlocal set LISTFILE=list.html echo MAKING LISTFILE … (PLEASE WAIT) echo ^<!doctype ht ...
Python基础1 介绍、基本语法、流程控制-DAY1
本节内容 Python介绍发展史 Python 2 or 3? 安装 Hello World程序变量用户输入模块初识 .pyc是个什么鬼? 数据类型初识数据运算表达式if ...else语 ...