第一种方法

使用<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. Chrome 完整版官方下载

    Chrome下载默认不是完整版本,需要长久等等.so... 在下载地址后加参数:?standalone=1  解决问题.

  2. 个人观点,说一下对 PHPCMS 的站点架构的看法

    PHPCMS应该是国内第一家用MVC架构来写开源PHP产品的,我第一次工作上接触到PHPCMS是在两年前.那个时候对MVC还是不理解,然后由于工作须要,须要改动一下PHPCMS的源代码.拿到代码后.我 ...

  3. Windows web服务器搭建---阿里云

      前提步骤: 1)申请域名---- 阿里云.花生壳.万维网等等. 2)云主机购买-----阿里云.腾讯云.京东云等等. 3)网站备案,此步骤最长. 4)建立网站 5)部署网站 下面主要介绍如何部署网 ...

  4. CentOS6.8 安装FTP及添加用户

    一 安装FTP 1 检测是否已经安装FTP rpm -qa | grep vsftpd 2 若没有,则进行安装 yum install vsftpd 二 设置vsftpd开机启动 chkconfig ...

  5. 【Lucene】Apache Lucene全文检索引擎架构之构建索引2

    上一篇博文中已经对全文检索有了一定的了解,这篇文章主要来总结一下全文检索的第一步:构建索引.其实上一篇博文中的示例程序已经对构建索引写了一段程序了,而且那个程序还是挺完善的.不过从知识点的完整性来考虑 ...

  6. myeclipse8.6 git 安装学习

    只有公司有svn,回到宿舍无法访问,因此没法做迭代开发,因此最近学习了git,这样在公司了提交的代码,回到宿舍也可以继续开发,用了一天的时间才弄明白git的原理,智商有问题啊,下面说下具体步骤,个人已 ...

  7. Ubuntu16.04 打开txt文件乱码

    最近遇到个小问题:Ubuntu16.04下打开txt出现乱码,倒腾下解决了这个问题,记录下来. Ubuntu16.04 默认已经安装gedit.直接双击被打开的文件默认用gedit打开,显然这种方式行 ...

  8. jQuery的$.fn使用

    jquery中文网为您提供jQuery的$.fn使用等资源,欢迎您收藏本站,我们将为您提供最新的jQuery的$.fn使用资源 $.fn是指jquery的命名空间,加上fn上的方法及属性,会对jque ...

  9. php数组操作,内容相同,键值不同,互换

    $title = array("A"=>"创建时间","C"=>"商品信息","D"=& ...

  10. Spring学习二----------IOC及Bean容器

    © 版权声明:本文为博主原创文章,转载请注明出处 接口 用于沟通的中介物的抽象化 实体把自己提供给外界的一种抽象化说明,用以由内部操作分离出外部沟通方法,使其能被修改内部而不影响外界其他实体与其交互的 ...