第一种方法

使用<pre></pre>包围代码（在浏览器中测试不行啊，但是在富编辑器中又可以，怪）；
使用<xmp></xmp>包围代码（官方不推荐，但是效果不错哦，在firefox和IE都可以）；
使用<textarea></textarea>包围代码（在富编辑器和浏览器中均可以 ）；

<pre>不能在页面显示；<xmp>不错，可行；<textarea>是在文本域中显示，达不到想要的效果。

<xmp>
    <div>对html的用法作个说明</div>
    <div><span id="demo">奇迹</span></div>
</xmp>

如果想在网页中显示xml的完整结构，直接输出，IE会把xml结构误认为html的结构，普通的显示只能显示所有节点上的值，如果想显示整个结果，可以在xml的两端加上标签 <xmp>xml结构</xmp>

1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

2.<html>

3.<head>

4.<title> New Document </title>

5.<meta name="Generator" content="EditPlus">

6.<meta name="Author" content="">

7.<meta name="Keywords" content="">

8.<meta name="Description" content="">

9.</head>

10.

11.<body>

12.<xmp>

13.<?xml version="1.0" encoding="unicode"?>

14.<DATABASE>

15.    <SCHOOL-INFO>

16.        <ID>1</ID>

17.        <NAME>第一高中</NAME>

18.        <CITY>浠水</CITY>

19.        <STUDENTS>550</STUDENTS>

20.        <ADDRESS>浠水</ADDRESS>

21.    </SCHOOL-INFO>

22.    <SCHOOL-INFO>

23.        <ID>2</ID>

24.        <NAME>第三高中</NAME>

25.        <CITY>团陂</CITY>

26.        <STUDENTS>1000</STUDENTS>

27.        <ADDRESS>地址团陂</ADDRESS>

28.    </SCHOOL-INFO>

29.    <SCHOOL-INFO>

30.        <ID>3</ID>

31.        <NAME>试验高中</NAME>

32.        <CITY>1200</CITY>

33.        <STUDENTS>1200</STUDENTS>

34.        <ADDRESS>汪岗</ADDRESS>

35.    </SCHOOL-INFO>

36.    <SCHOOL-INFO>

37.        <ID>4</ID>

38.        <NAME>中心小学</NAME>

39.        <CITY>1300</CITY>

40.        <STUDENTS>1200</STUDENTS>

41.        <ADDRESS>竹瓦</ADDRESS>

42.    </SCHOOL-INFO>

43.</DATABASE>

44.</xmp>

45.</body>

46.</html>

第二种方法

“<”用&lt;表示
“>”用&gt;表示
“"”用&quot;表示

也可以在后台处理好直接输出到页面上，代码显示如下

1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

2.<html>

3.<head>

4.<title> New Document </title>

5.<meta name="Generator" content="EditPlus">

6.<meta name="Author" content="">

7.<meta name="Keywords" content="">

8.<meta name="Description" content="">

9.</head>

10.

11.<body>

12.<pre>

13.<?xml version="1.0" encoding="unicode"?>

14.&lt;DATABASE&gt;

15.    &lt;SCHOOL-INFO&gt;

16.        &lt;ID&gt;1&lt;/ID&gt;

17.        &lt;NAME&gt;第一高中&lt;/NAME&gt;

18.        &lt;CITY&gt;浠水&lt;/CITY&gt;

19.        &lt;STUDENTS&gt;550&lt;/STUDENTS&gt;

20.        &lt;ADDRESS&gt;浠水&lt;/ADDRESS&gt;

21.    &lt;/SCHOOL-INFO&gt;

22.    &lt;SCHOOL-INFO&gt;

23.        &lt;ID&gt;2&lt;/ID&gt;

24.        &lt;NAME&gt;第三高中&lt;/NAME&gt;

25.        &lt;CITY&gt;团陂&lt;/CITY&gt;

26.        &lt;STUDENTS&gt;1000&lt;/STUDENTS&gt;

27.        &lt;ADDRESS&gt;地址团陂&lt;/ADDRESS&gt;

28.    &lt;/SCHOOL-INFO&gt;

29.    &lt;SCHOOL-INFO&gt;

30.        &lt;ID&gt;3&lt;/ID&gt;

31.        &lt;NAME&gt;试验高中&lt;/NAME&gt;

32.        &lt;CITY&gt;1200&lt;/CITY&gt;

33.        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;

34.        &lt;ADDRESS&gt;汪岗&lt;/ADDRESS&gt;

35.    &lt;/SCHOOL-INFO&gt;

36.    &lt;SCHOOL-INFO&gt;

37.        &lt;ID&gt;4&lt;/ID&gt;

38.        &lt;NAME&gt;中心小学&lt;/NAME&gt;

39.        &lt;CITY&gt;1300&lt;/CITY&gt;

40.        &lt;STUDENTS&gt;1200&lt;/STUDENTS&gt;

41.        &lt;ADDRESS&gt;竹瓦&lt;/ADDRESS&gt;

42.    &lt;/SCHOOL-INFO&gt;

43.&lt;/DATABASE&gt;

44.</pre>

45.</body>

46.</html>

这样就可以显示完整的xml信息了。

第二种方法里面的<?xml version="1.0" encoding="utf=8">里面的"<"以及">"也得换成相应的&lt;和&gt;，否则不会显示。

网页中显示xml，直接显示xml格式的文件的更多相关文章

  1. Elasticsearch：如何把Elasticsearch中的数据导出为CSV格式的文件

    本教程向您展示如何将数据从Elasticsearch导出到CSV文件. 想象一下,您想要在Excel中打开一些Elasticsearch中的数据,并根据这些数据创建数据透视表. 这只是一个用例,其中将 ...

  2. HTML网页中添加音频视频动画...(转)

    在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显.具体来说,网页音频和视频的嵌入方法主要有三种: 一.b ...

  3. 【转】浏览器中的data类型的Url格式,data:image/png,data:image/jpeg!

    所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些"小"的数据,可以在网页中直接嵌入,而不是从外部文件载入.例如对于img这个Tag, ...

  4. 浏览器中的data类型的Url格式,data:image/png,data:image/jpeg!(源自：http://blog.csdn.net/roadmore/article/details/38498719)

    所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入.例如对于img这个Tag,哪怕这个图片非常非常 ...

  5. 使用 pdf.js 在网页中加载 pdf 文件

    在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...

  6. 将页面中表格数据导出excel格式的文件（vue）

    近期由于项目需要,需要将页面中的表格数据导出excel格式的文件,折腾了许久,在网上各种百度,虽然资料不少,但是大都不全,踩了许多坑,总算是皇天不负有心人,最后圆满解决了. 1.安装相关依赖(npm安 ...

  7. 从多个XML文档中读取数据用于显示webapi帮助文档

    前言: 你先得知道HelpPageConfig文件,不知道说明你现在不需要这个,所以下文就不用看了,等知道了再看也不急.当然如果你很知道这个,下文也不用看了,因为你会了. 方法一: new XmlDo ...

  8. office 文件在网页中显示

    1.如何在网页上显示word和excel a.可以使用office组件或aspose将word 和excel 转换为pdf 然后在网页上打开pdf,但是效果不是很好 .比如说excel 多个工作薄不是 ...

  9. 如何将excel中的一个表格内容转成xml格式的文件

    转自:http://www.cnblogs.com/sansi/archive/2012/02/06/2340471.html 感谢作者,解决了折磨我几天的问题,顿时心情开朗~ ----------- ...

随机推荐

  1. 【Shell】建立一个脚本统计当前登录用户数

    who命令 who命令是显示目前登陆系统的用户信息,执行who命令可以得知目前哪些用户登入系统,单独执行who命令会列出登入账号,使用的终端机,登入的时间以及从何处登入或正在使用哪个显示器. 统计用户 ...

  2. RAD Studio XE8 技术研讨会讲义与范例程序下载

     感谢各位程序猿亲临现场參加我们的公布会,现奉上会议当天的讲义与范例程序供大家參考: 2015/5/25~27北京.深圳 『RAD Studio XE8技术研讨会』 下载讲义:http://pan ...

  3. web网页按钮如何制作

    1:用矩形形状工具画一个矩形 2 : 加描边 3:三键+N新建图层 前景色变成白色,白色到透明的渐变,选择径向渐变. 4:为了使自然,按住ALT键,使渐变扩大,和矩形保持一直,之后向上调整一些. 5: ...

  4. .net之GridView、DataList、DetailsView（一）

    GridView:两种数据绑定方法 方法一:得到数据后,赋给DataSource属性,然后执行控件的DataBind()方法. BLL.Article bll = new BLL.Article(); ...

  5. 基于markdown的blog系统调研1：typecho

    ))

  6. C# .Net 下 x86使用大内存的处理

    /LARGEADDRESSAWARE 选项通知链接器应用程序可处理大于 2 GB 的地址. 在 64 位编译器中,默认情况下启用此选项. 在 32 位编译器中,如果未在链接器行上指定 /LARGEAD ...

  7. VS使用WEB DEPLOY发布

    背景是这样的,公司有两台服务器,平时一台备用,另一台做为主生产机器.当有大量补丁或者安装什么东西需要重启的时候,交其中一台直接关掉IIS,然后重启即可,此时另一台负责处理用户请求. 之前一台服务器一个 ...

  8. 利用freemarker生成带fusioncharts图片的word简报

    /**  * 利用freemarker生成带fusioncharts图片的word简报  *         烟台海颐软件技术论坛  *         作者  牟云飞 新建 *         毕业 ...

  9. 同步与异步区别，Invoke与BeginInoke的区别

    先说同步与异步的区别,总说同步异步的,其实一直不清楚什么是同步异步,今天找了一下: 同步:当一个消息发送后,等对方回应后继续发送下一条指令. 异步:当一个消息发送后,不等对方回应就发送下一条. 同步, ...

  10. WPF使用X:Static做多语言支持

    让程序支持多语言,一般把需要显示的字符串保存在一个资源类的static属性中. <!--[if !supportLists]--> <!--[endif]--> 微软的WPF程 ...