这一章演示了一个XML应用程序的小框架。 
  
 　　 从一个XML文档开始 
  
  
  
 　　 首先我们从一个简单的XML文档开始。现在来看看我们最初的演示文档--CD 目录： 
  
  
 　　 < ?xml version="1.0"?> 
 　　 < CATALOG> 
 　　 < CD> 
 　　 < TITLE>Empire Burlesque< /TITLE> 
 　　 < ARTIST>Bob Dylan< /ARTIST> 
 　　 < COUNTRY>USA< /COUNTRY> 
 　　 < COMPANY>Columbia< /COMPANY> 
 　　 < PRICE>10.90< /PRICE> 
 　　 < YEAR>1985< /YEAR> 
 　　 < /CD> 
 　　 . 
 　　 . 
 　　 ... more ... 
 　　 . 
  
 　　 如果你有Iternet Explorer 5.0 或更高版本，点击这里可以看到完整的XML 文件。 
  
  
  
 　　 将文档装载到一个数据岛中 
  
  
  
 　　 可以用一个数据岛来访问XML文件。要在一个HTML页面内部得到你的XML 文档，向页面中增加一个XML数据岛。 
  
  
  
 　　 < xml src="cd_catalog.xml" id="xmldso" async="false"> 
 　　 < /xml> 
  
  
  
 　　 用上面例子的代码，XML 文件"cd_catalog.xml" 将被装载到一个不可视的称为"xmldso"的数据岛中。将async="false" 属性增加到数据库中，这样可以保证在进行其它的HTML处理之前，将所有的XML数据都装载进去。 
  
  
  
 　　 将数据岛捆绑到一个HTML 表格
  
  
  
 　　 可以用一个HTML表格来显示XML数据。要使你的XML数据在HTML页面中可视，就必须将你的XML数据岛捆绑到一个HTML元素中。要将你的XML数据捆绑到一个HTML表格，向表格中增加一个数据源属性，并向表格数据内部的< span>元素增加数据域属性： 
  
  
  
 　　 < table datasrc="#xmldso" width="100%" border="1"> 
  
  
 　　 < thead> 
 　　 < th>Title< /th> 
 　　 < th>Artist< /th> 
 　　 < th>Year< /th> 
 　　 < /thead> 
  
  
 　　 < tr align="left"> 
 　　 < td>< span datafld="TITLE">< /span>< /td> 
 　　 < td>< span datafld="ARTIST">< /span>< /td> 
 　　 < td>< span datafld="YEAR">< /span>< /td> 
 　　 < /tr> 
 　　 < /table> 
  
 　　 如果你有Internet Explorer 5.0或更高版本，点击这里可以看到XML数据是如何在一个HTML表格内部显示的。 
  
  
  
 　　 将数据岛捆绑到< span> 或 < div> 元素 
  
  
  
 　　 可以用< span>或< div> 元素来显示XML数据。你不必用一个表格去显示XML 数据。一个数据岛中的数据可以在一个HTML页面的任何地方进行显示。你只需要向你的页面中增加一些< span> 或< div> 元素。用数据源属性将元素捆绑到数据岛，用数据域属性将各个元素捆绑到一个XML元素，象这样: 
  
  
  
 　　 < br>Title: 
 　　 < span datasrc="#xmldso" datafld="TITLE">< /span> 
 　　 < br>Artist: 
 　　 < span datasrc="#xmldso" datafld="ARTIST">< /span> 
 　　 < br>Year: 
 　　 < span datasrc="#xmldso" datafld="YEAR">< /span> 
  
  
  
 　　 或这样： 
  
  
  
 　　 < br>Title: 
 　　 < div datasrc="#xmldso" datafld="TITLE">< /div> 
 　　 < br>Artist: 
 　　 < div datasrc="#xmldso" datafld="ARTIST">< /div> 
 　　 < br>Year: 
 　　 < div datasrc="#xmldso" datafld="YEAR">< /div> 
  
 　　 如果你有Internet Explorer 5.0或更高版本，点击这里就可以看到XML 数据是如何在HTML元素内部显示的。注意：如果你使用了一个< div>元素，就在新的一行中显示数据。用上面的例子，你将只能看到你的XML数据中的一行。要移到数据的下一行，必须向代码中增加一些脚本。