查看“查看 XML 文件”的源代码

{{DISPLAYTITLE:XML 查看}}[[Category:xml 教程|10]]
= 查看 XML 文件 =

在所有主流的浏览器中，均能够查看原始的 XML 文件。

不要指望 XML 文件会直接显示为 HTML 页面。

== 查看 XML 文件 ==

{| class="table table-striped table-hover"
| &lt;?xml version=&quot;1.0&quot; encoding=&quot;ISO-8859-1&quot;?&gt; - &lt;note&gt; &lt;to&gt;Tove&lt;/to&gt; &lt;from&gt;Jani&lt;/from&gt; &lt;heading&gt;Reminder&lt;/heading&gt; &lt;body&gt;Don't forget me this weekend!&lt;/body&gt; &lt;/note&gt;
|}

查看这个 XML 文件：[[note.xml|note.xml]]

XML 文档将显示为代码颜色化的根以及子元素。通过点击元素左侧的加号（+）或减号（ - ），可以展开或收起元素的结构。要查看原始的 XML 源（不包括 + 和 - 符号），选择&quot;查看页面源代码&quot;或从浏览器菜单&quot;查看源文件&quot;。

'''注释：'''在 Safari 中，只有元素的文本将被显示。要查看原始的 XML，您必须右键单击页面，选择&quot;查看源文件&quot;。

== 查看无效的 XML 文件 ==

如果一个错误的XML文件被打开，浏览器会报告错误。

请查看这个 XML 文件：[[note_error.xml|note_error.xml]]

== 其他 XML 实例 ==

请查看这些 XML 文档，这会有助于您建立对 XML 的感性认识。

[[cd_catalog.xml|一个 XML 的 CD 目录]] 这是一个 CD 集，存储为 XML 数据。

[[plant_catalog.xml|一个 XML 的植物目录]] 这是一个来自植物店的植物目录，存储为 XML 数据。

[[simple.xml|一个简单的食物菜单]] 这是一个来自餐馆的早餐菜单，存储为 XML 数据。

== 为什么 XML 显示这个样子？ ==

XML 文档不会携带有关如何显示数据的信息。

由于 XML 标签由 XML 文档的作者&quot;发明&quot;，浏览器无法确定像 &lt;table&gt; 这样一个标签究竟描述一个 HTML 表格还是一个餐桌。

在没有任何有关如何显示数据的信息的情况下，大多数的浏览器都会仅仅把 XML 文档显示为源代码。

在下面的章节，我们会了解几个有关这个显示问题的解决方案，其中会使用 CSS、XSLT 和 JavaScript。