最新的Web開發教程
 

顯示XML


原始的XML文件可以在所有主流瀏覽器進行查看。

不要指望顯示為HTML頁面的XML文件。


查看XML文件

RGB(95,95,95)固體; 保證金底:15px的;“階級=”notranslate“新增?> <XML版本=”1.0“編碼=”UTF-8“?>
- < >
< > 托芙 </ >
< > 賈尼 </ 距離 >
< 標題 > 提醒 </ 標題 >
<BODY> 不要這個週末忘了我! </ BODY>
</ 筆記 >

看看上面在瀏覽器中的XML文件: note.xml

大多數瀏覽器將顯示顏色編碼元素的XML文檔。

通常,一個加(+)或減號(-)的元素的左側可以單擊展開或折疊元素結構。

要查看原始XML源,盡量選擇"View Page Source""View Source"從瀏覽器菜單。

Note:在Safari 5 (and earlier) ,只有元素文本將被顯示。 要查看原始的XML,您必須右鍵單擊頁面,選擇"View Source"


查看無效XML文件

如果一個錯誤的XML文件被打開,一些瀏覽器會報告錯誤,有的會顯示出來,或不正確顯示。

RGB(95,95,95)固體; 保證金底:15px的;“階級=”notranslate“新增?> <XML版本=”1.0“編碼=”UTF-8“?>
- < >
< > 托芙 </ >
< > 賈尼 </ Ffrom>
< 標題 > 提醒 </ 標題 >
<BODY> 不要這個週末忘了我! </ BODY>
</ 筆記 >

嘗試打開下面的XML文件: note_error.xml


其他XML實例

查看一些XML文檔可以幫助你獲得XML的感覺:

一個XML的早餐菜單
這是一間餐廳,存儲為XML早餐食物菜單。

一個XML CD目錄
這是一個CD收藏,保存為XML。

一個XML植物名錄
這是從廠房車間,存儲為XML的植物目錄。

×


為什麼XML顯示這個樣子?

XML文檔不攜帶有關如何顯示數據的信息。

由於XML標籤是"invented"由XML文檔的作者,瀏覽器不知道類似這樣的標記<table>描述一個HTML表格還是一個餐桌。

如果沒有關於如何顯示數據的任何信息,瀏覽器可以只顯示XML文檔,因為它是。


顯示XML文件與CSS?

下面是如何使用CSS格式化的XML文檔的例子。

我們可以使用像XML文件cd_catalog.xml和樣式表像cd_catalog.css

結果: 與CSS文件格式的光盤目錄

下面是XML文件的一小部分。 第二行鏈接XML文件CSS文件:

<?xml version="1.0" encoding="UTF-8 " ?>
<?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>

不推薦使用格式化XML CSS。 使用JavaScript或XSLT來代替。