DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> XML入門指南(10)XML數據島
XML入門指南(10)XML數據島
編輯:XML詳解     

使用IE5.0或者更高的版本,XML數據可以以數據島的形式嵌入Html頁面。


在Html頁面中嵌入XML數據

  使用非官方標准的<xml>標記可以將XML數據嵌入到Html頁面中。

  XML數據可以象下面的例子那樣嵌入Html頁面:

<xml id="note"> <note> <to>Tove</to> <from>Jani</from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </note> </XML>

  或者象下面這樣嵌入外部單獨的XML文件:

<xml id="note" src="note.xml"> </XML>

  注意那個<XML>標記是一個Html元素,而不是一個XML元素。


數據綁定

  XML數據島可以綁定到Html元素上(比如表格)。

  在下面的例子中,一個XML數據島(ID=cdcat)被從外部XML文檔載入。一個HTML的表格綁定到此數據島上。Html表格內部的span元素使用datafld屬性和XML文檔相應的XML元素相互綁定。

<html> <body> <xml id="cdcat" src="cd_catalog.xml"></XML> <table border="1" datasrc="#cdcat"> <tr> <td><span datafld="ARTIST"></span></td> <td><span datafld="TITLE"></span></td> </tr> </table> </body> </Html>

  如果你使用的是IE 5.0 或者更高版本, 你可以自己嘗試一下try it yourself.

  如果你使用的是IE 5.0 或者更高版本,你可以觀看external XML file.

  同樣也可以實驗this example, 論證元素<thead>, <tbody>, and <tfoot>.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved