查看 XML 文件

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

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

查看 XML 文件

XML 查看 - 图1

查看这个 XML ：

  1. <note>
  2. <to>George</to>
  3. <from>John</from>
  4. <heading>Reminder</heading>
  5. <body>Don't forget the meeting!</body>
  6. </note>

打开 XML 文件 - XML 文档将显示为代码颜色化的根以及子元素。通过点击元素左侧的加号或减号，可以展开或收起元素的结构。如需查看不带有 + 和 - 符号的源代码，请从浏览器菜单中选择“查看源代码”。

注释：在 Netscape, Opera 以及 Safari 中，仅仅会显示元素文本！要查看原始的 XML，请右击页面，然后选择“查看源代码”。

查看某个无效的 XML 文件

如果浏览器打开了某个有错误的 XML 文件，那么它会报告这个错误。

  1. This page contains the following errors:
  2. error on line 5 at column 20: Opening and ending tag mismatch: from line 0 and Ffrom
  3. Below is a rendering of the page up to the first error.
  4. George

其他的 XML 实例

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

  • 一个 XML 的 CD 目录

    CD 收藏，被存储为 XML 数据

  1. <CATALOG>
  2. <CD>
  3. <TITLE>Empire Burlesque</TITLE>
  4. <ARTIST>Bob Dylan</ARTIST>
  5. <COUNTRY>USA</COUNTRY>
  6. <COMPANY>Columbia</COMPANY>
  7. <PRICE>10.90</PRICE>
  8. <YEAR>1985</YEAR>
  9. </CD>
  10. <CD>
  11. <TITLE>Hide your heart</TITLE>
  12. <ARTIST>Bonnie Tyler</ARTIST>
  13. <COUNTRY>UK</COUNTRY>
  14. <COMPANY>CBS Records</COMPANY>
  15. <PRICE>9.90</PRICE>
  16. <YEAR>1988</YEAR>
  17. </CD>
  18. <CD>
  19. <TITLE>Greatest Hits</TITLE>
  20. <ARTIST>Dolly Parton</ARTIST>
  21. <COUNTRY>USA</COUNTRY>
  22. <COMPANY>RCA</COMPANY>
  23. <PRICE>9.90</PRICE>
  24. <YEAR>1982</YEAR>
  25. </CD>
  26. <CD>
  27. <TITLE>Still got the blues</TITLE>
  28. <ARTIST>Gary Moore</ARTIST>
  29. <COUNTRY>UK</COUNTRY>
  30. <COMPANY>Virgin records</COMPANY>
  31. <PRICE>10.20</PRICE>
  32. <YEAR>1990</YEAR>
  33. </CD>
  34. <CD>
  35. <TITLE>Eros</TITLE>
  36. <ARTIST>Eros Ramazzotti</ARTIST>
  37. <COUNTRY>EU</COUNTRY>
  38. <COMPANY>BMG</COMPANY>
  39. <PRICE>9.90</PRICE>
  40. <YEAR>1997</YEAR>
  41. </CD>
  42. <CD>
  43. <TITLE>One night only</TITLE>
  44. <ARTIST>Bee Gees</ARTIST>
  45. <COUNTRY>UK</COUNTRY>
  46. <COMPANY>Polydor</COMPANY>
  47. <PRICE>10.90</PRICE>
  48. <YEAR>1998</YEAR>
  49. </CD>
  50. </CATALOG>

  • 一个 XML 的植物目录

    来自园艺店的植物目录，存储为 XML 数据。 

  1. <CATALOG>
  2. <PLANT>
  3. <COMMON>Bloodroot</COMMON>
  4. <BOTANICAL>Sanguinaria canadensis</BOTANICAL>
  5. <ZONE>4</ZONE>
  6. <LIGHT>Mostly Shady</LIGHT>
  7. <PRICE>$2.44</PRICE>
  8. <AVAILABILITY>031599</AVAILABILITY>
  9. </PLANT>
  10. <PLANT>
  11. <COMMON>Columbine</COMMON>
  12. <BOTANICAL>Aquilegia canadensis</BOTANICAL>
  13. <ZONE>3</ZONE>
  14. <LIGHT>Mostly Shady</LIGHT>
  15. <PRICE>$9.37</PRICE>
  16. <AVAILABILITY>030699</AVAILABILITY>
  17. </PLANT>
  18. <PLANT>
  19. <COMMON>Marsh Marigold</COMMON>
  20. <BOTANICAL>Caltha palustris</BOTANICAL>
  21. <ZONE>4</ZONE>
  22. <LIGHT>Mostly Sunny</LIGHT>
  23. <PRICE>$6.81</PRICE>
  24. <AVAILABILITY>051799</AVAILABILITY>
  25. </PLANT>
  26. <PLANT>
  27. <COMMON>Cowslip</COMMON>
  28. <BOTANICAL>Caltha palustris</BOTANICAL>
  29. <ZONE>4</ZONE>
  30. <LIGHT>Mostly Shady</LIGHT>
  31. <PRICE>$9.90</PRICE>
  32. <AVAILABILITY>030699</AVAILABILITY>
  33. </PLANT>
  34. <PLANT>
  35. <COMMON>Dutchman's-Breeches</COMMON>
  36. <BOTANICAL>Dicentra cucullaria</BOTANICAL>
  37. <ZONE>3</ZONE>
  38. <LIGHT>Mostly Shady</LIGHT>
  39. <PRICE>$6.44</PRICE>
  40. <AVAILABILITY>012099</AVAILABILITY>
  41. </PLANT>
  42. <PLANT>
  43. <COMMON>Ginger, Wild</COMMON>
  44. <BOTANICAL>Asarum canadense</BOTANICAL>
  45. <ZONE>3</ZONE>
  46. <LIGHT>Mostly Shady</LIGHT>
  47. <PRICE>$9.03</PRICE>
  48. <AVAILABILITY>041899</AVAILABILITY>
  49. </PLANT>
  50. <PLANT>
  51. <COMMON>Hepatica</COMMON>
  52. <BOTANICAL>Hepatica americana</BOTANICAL>
  53. <ZONE>4</ZONE>
  54. <LIGHT>Mostly Shady</LIGHT>
  55. <PRICE>$4.45</PRICE>
  56. <AVAILABILITY>012699</AVAILABILITY>
  57. </PLANT>
  58. </CATALOG>

  • 一个简单的菜单

    这是来自餐馆的早餐菜单，存储为 XML 数据。 

  1. <breakfast_menu>
  2. <food>
  3. <name>Belgian Waffles</name>
  4. <price>$5.95</price>
  5. <description>two of our famous Belgian Waffles with plenty of real maple syrup</description>
  6. <calories>650</calories>
  7. </food>
  8. <food>
  9. <name>Strawberry Belgian Waffles</name>
  10. <price>$7.95</price>
  11. <description>light Belgian waffles covered with strawberries and whipped cream</description>
  12. <calories>900</calories>
  13. </food>
  14. <food>
  15. <name>Berry-Berry Belgian Waffles</name>
  16. <price>$8.95</price>
  17. <description>light Belgian waffles covered with an assortment of fresh berries and whipped cream</description>
  18. <calories>900</calories>
  19. </food>
  20. <food>
  21. <name>French Toast</name>
  22. <price>$4.50</price>
  23. <description>thick slices made from our homemade sourdough bread</description>
  24. <calories>600</calories>
  25. </food>
  26. <food>
  27. <name>Homestyle Breakfast</name>
  28. <price>$6.95</price>
  29. <description>two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
  30. <calories>950</calories>
  31. </food>
  32. </breakfast_menu>

为什么 XML 会这样显示？

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

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

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

在下面的章节，我们会了解几个有关这个显示问题的解决方案，其中会使用 CSS、XSL、JavaScript 以及 XML 数据岛。