XML入门指南(8)使用CSS来显示XML

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

使用CSS样式单 (Cascading Style Sheets) ,可以给XML文档添加额外的现实信息。

---

使用CSS来显示未来的XML文档么？

应该使用CSS来显示你未来的XML文档么？

不，我们不推荐这样做！但是我们还是应该实验一下:

我们先来看一个单纯的XML文档: The CD Catalog

然后我们来看CSS样式表单文件: The CSS file

最后，我们来看用CSS显示出来的XML文档: The CD Catalog formatted with the CSS file

这是用CSS样式单修饰的XML文档的一小部分代码片断:

<?XML version="1.0" encoding="ISO-8859-1"?> <?XML-stylesheet type="text/CSS" href="cd_catalog.CSS"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> . . . . </CATALOG>　

即使使用CSS的显示效果很好，我们不认为使用CSS样式单显示XML文档是未来Web开发的趋势。我们相信，使用XSL程序格式化XML文档将会是未来的趋势，目前最主要的浏览器都支持这种技术。

---

使用XML创建未来的主页？

你愿意使用XML来创建你未来的网站么？

不，我不认为这是一个好主意。我们也不拒绝去做这样一个尝试：A homepage written in XML.

我们不相信XML会直接用于创建未来的Web页面。

我们仍然相信，XHTML - 利用XML重新定义过的HTML可能是一个更好的选择: 情阅读我们的XHTML 指南 。

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>