这一章演示了一个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数据中的一行。要移到数据的下一行，必须向代码中增加一些脚本。