网页中显示xml，直接显示xml格式的文件
第一种方法
使用<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>
第二种方法
“<”用<表示
“>”用>表示
“"”用"表示
也可以在后台处理好直接输出到页面上，代码显示如下
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.<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.</pre>
45.</body>
46.</html>
这样就可以显示完整的xml信息了。
第二种方法里面的<?xml version="1.0" encoding="utf=8">里面的"<"以及">"也得换成相应的<和>，否则不会显示。
网页中显示xml，直接显示xml格式的文件的更多相关文章
- Elasticsearch：如何把Elasticsearch中的数据导出为CSV格式的文件
本教程向您展示如何将数据从Elasticsearch导出到CSV文件. 想象一下,您想要在Excel中打开一些Elasticsearch中的数据,并根据这些数据创建数据透视表. 这只是一个用例,其中将 ...
- HTML网页中添加音频视频动画...(转)
在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显.具体来说,网页音频和视频的嵌入方法主要有三种: 一.b ...
- 【转】浏览器中的data类型的Url格式,data:image/png,data:image/jpeg!
所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些"小"的数据,可以在网页中直接嵌入,而不是从外部文件载入.例如对于img这个Tag, ...
- 浏览器中的data类型的Url格式,data:image/png,data:image/jpeg!(源自：http://blog.csdn.net/roadmore/article/details/38498719)
所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入.例如对于img这个Tag,哪怕这个图片非常非常 ...
- 使用 pdf.js 在网页中加载 pdf 文件
在网页中加载并显示PDF文件是最常见的业务需求.例如以下应用场景:(1)在电商网站上购物之后,下载电子发票之前先预览发票.(2)电子商务管理系统中查看发布的公文,公文文件一般是PDF格式的文件. 目前 ...
- 将页面中表格数据导出excel格式的文件（vue）
近期由于项目需要,需要将页面中的表格数据导出excel格式的文件,折腾了许久,在网上各种百度,虽然资料不少,但是大都不全,踩了许多坑,总算是皇天不负有心人,最后圆满解决了. 1.安装相关依赖(npm安 ...
- 从多个XML文档中读取数据用于显示webapi帮助文档
前言: 你先得知道HelpPageConfig文件,不知道说明你现在不需要这个,所以下文就不用看了,等知道了再看也不急.当然如果你很知道这个,下文也不用看了,因为你会了. 方法一: new XmlDo ...
- office 文件在网页中显示
1.如何在网页上显示word和excel a.可以使用office组件或aspose将word 和excel 转换为pdf 然后在网页上打开pdf,但是效果不是很好 .比如说excel 多个工作薄不是 ...
- 如何将excel中的一个表格内容转成xml格式的文件
转自:http://www.cnblogs.com/sansi/archive/2012/02/06/2340471.html 感谢作者,解决了折磨我几天的问题,顿时心情开朗~ ----------- ...
随机推荐
- 互联网我来了 -- 2. js中"异步/堵塞"等概念的简析
一.什么是"异步非堵塞式"? 这个名字听起来非常恶心难懂,但假设以 买内裤 这件事情来比喻运行程序的话就非常easy理解"异步非堵塞式"的涵义了. 比如你是一个 ...
- 操作REDIES
import redis r=redis.Redis(host='118.XX.XX.XXX',password='XXXXXXX9*',db=1,port=6379) # 增删改查r.set('jd ...
- 【已解决】WebUploader 0.1.5 安卓手机不能访问相机、IOS直接访问相机 的问题
WebUploader 0.1.5 安卓手机不能访问相机.IOS直接访问相机 的问题 打开 webuploader.js if(navigator.userAgent.indexOf('Android ...
- python easy install时，使用aliyun阿里云镜像提示主机名不匹配的问题
因网络问题,因此设置 easy_install 使用阿里云的源, ## 更新 easy_install 源 tee ~/.pydistutils.cfg <<-'EOF' [easy_in ...
- bat命令遍历文件和bat参数说明
**************************************************************************************************** ...
- nginx(Window下安装 & 配置文件参数说明 & 实例)
一.为什么需要对Tomcat服务器做负载均衡: Tomcat服务器作为一个Web服务器,其并发数在300-500之间,如果有超过500的并发数便会出现Tomcat不能响应新的请求的情况,严重影响网站 ...
- 关于PHP反射
本文实例讲述了PHP反射机制原理与用法.分享给大家供大家参考,具体如下: 反射 面向对象编程中对象被赋予了自省的能力,而这个自省的过程就是反射. 反射,直观理解就是根据到达地找到出发地和来源.比如,一 ...
- GET，POST
HTTPHTTP(即超文本传输协议)是现代网络中最常见和常用的协议之一,设计它的目的是保证客户机和服务器之间的通信.HTTP 的工作方式是客户端与服务器之间的 “请求-响应” 协议.客户端可以是 We ...
- 反射机制，jvm，class类型
[说明]这是上午完成的内容或者说是接触到的知识点,包括servlet简单的数据库连接,表格的显示需要用到的插件jstl,还有最最多的java反射原理的讲解 1)数据库的设计 2)编程中用到的知识点 3 ...
- 【BZOJ2115】[Wc2011] Xor 高斯消元求线性基+DFS
[BZOJ2115][Wc2011] Xor Description Input 第一行包含两个整数N和 M, 表示该无向图中点的数目与边的数目. 接下来M 行描述 M 条边,每行三个整数Si,Ti ...