xml的一些應用

使用css顯示xml

看一個demo.xml

<?xml version="1.0" encoding="gbk"?>
<?xml-stylesheet type="text/css"  href="demo.css" ?>
<information>
	<man>
		<name>愛迪生</name>
		<id>1</id>
		<email>[email protected]</email>
		<phone>123445</phone>
	</man>
</information>

demo.css

name{
	
	display:block;
	font-size:20pt;
	font-weight:blod;

}
id,email,phone{
	
	display:block;
	font-size:15pt;
	font-weight:normal;
	font-style:italic;

}

顯示的結果爲：

注意display:block;顯示時當成一個塊，會換行顯示

再看一個例子，cd.xml

<?xml version="1.0" encoding="gbk"?>
<?xml-stylesheet type="text/css" href="cd.css"?>
<Catalog>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
	<Cd>
		<Title>empire burlesque</Title>
		<Artist>bob Dylan</Artist>
		<Price>10.9</Price>
		<Year>1990</Year>
	</Cd>
<Catalog>

cd.css

Catalog{
	background-color:#ffaeff;
	width:100%;
}
Cd{
	display:block;
	margin-bottom:10pt;
}
Title,Artist{
	color:#ff0000;
	font-size:20pt;
}
Price,Year{
	display:block;
	color:#ff00aa;
	font-size:20pt;
}

效果爲：

使用XSLT顯示xml

XSLT是首選的xml樣式表語言

XSLT (eXtensible Stylesheet Language Transformations) 遠比 CSS 更加完善。

使用 XSLT 的方法之一是在瀏覽器顯示 XML 文件之前，先把它轉換爲 HTML