原始的XML文件可以用IE 5.0 (或者更高的版本)或者Netscape 6来察看,但是如果希望让XML文档象Web页那样显示就必须添加一些额外的显示信息。
察看XML文件
我们可以使用IE5.0 (或者更高的版本)来浏览XML文档。你可以单击一个超链接或者是在浏览器的地址栏中输入URL地址,或者是在文件夹中双击XML文档。如果你用 IE打开XML文档后发现浏览器用带颜色的标识XML文档的根元素和子元素,XML元素的左边有一个"+"号,那么你可以单击这个“+”号,展开这个元素的下一级结构;如果元素的左边有一个"-"号,那么你也可以单击这个“-”号,收拢这个元素的下一级结构,如果你愿意察看XML文档的源文件,那么你可以在右键菜单中选择“察看源文件”。
我们也可以用Netscape 6来打开XML文档,并且也可以用右键选择“察看源文件” 当你用Netscape 6打开XML文档后,浏览器将用带颜色的代码显示根元素和子元素。
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <!--
Edited with XML Spy v4.2
--><script type="text/javascript"> f(clean); </script>
- < breakfast_menu >
- < food >
< name > Belgian Waffles </ name >
< price > $5.95 </ price >
< description > two of our famous Belgian Waffles with plenty of real maple syrup </ description >
< calories > 650 </ calories >
</ food >
- < food >
< name > Strawberry Belgian Waffles </ name >
< price > $7.95 </ price >
< description > light Belgian waffles covered with strawberries and whipped cream </ description >
< calories > 900 </ calories >
</ food >
- < food >
< name > Berry-Berry Belgian Waffles </ name >
< price > $8.95 </ price >
< description > light Belgian waffles covered with an assortment of fresh berries and whipped cream </ description >
< calories > 900 </ calories >
</ food >
- < food >
< name > French Toast </ name >
< price > $4.50 </ price >
< description > thick slices made from our homemade sourdough bread </ description >
< calories > 600 </ calories >
</ food >
- < food >
< name > Homestyle Breakfast </ name >
< price > $6.95 </ price >
< description > two eggs, bacon or sausage, toast, and our ever-popular hash browns </ description >
< calories > 950 </ calories >
</ food >
</ breakfast_menu >
为什么XML在浏览器中的显示是这个样子呢?
单纯的XML文档并不包含如何显示数据的信息。
既然XML标记是由XML文档作者“创造”和“发明”的,那么我们不可能知道一个<table>标记是指HTML中的表格还是一个木桌子。
在没有任何额外的信息指示如何显示数据的情况下,IE浏览器一般以树状视图的形式显示XML数据。
在下面的及格小节中,我们将描述一些解决XML文档显示问题的方案,包括CSS, XSL, JavaScript,和XML数据岛。