最新的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来代替。