网页中显示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 感谢作者,解决了折磨我几天的问题,顿时心情开朗~ ----------- ...
随机推荐
- 随想录(做自己代码的測试project师)
[ 声明:版权全部.欢迎转载,请勿用于商业用途. 联系信箱:feixiaoxing @163.com] 非常多project师都有一个不好的习惯,由于大多数itproject师都喜欢写代码.可是不喜欢 ...
- java替换文本中所有的正则符号 Java问题通用解决代码
开发时遇到一个需求,需要对一段文本中的所有正则符号进行转义,不然使用split分割方法分割文本的话无效,想到用替换来做,全部替换正则符号为转义后的符号 贴java实现代码: 1.测试版 ...
- JDBC技术总结(三)
1. 数据库连接池 JDBC部分的前两个总结主要总结了一下JDBC的基本操作,而且有个共同点,就是应用程序都是直接获取数据库连接的.这会有个弊端:用户每次请求都需要向数据库获得连接,而数据库创建连接通 ...
- java中poi解析excel(兼容07版本以上及以下:.xls和.xlsx格式)
package com.genersoft.cbms.ysbz.ExcelDr.cmd; import com.genersoft.cbms.ysbz.ExcelDr.dao.ExcelDrDao; ...
- Pycharm中的scrapy安装教程
在利用pycharm安装scrapy包是遇到了挺多的问题.在折腾了差不多折腾了两个小时之后总算是安装好了.期间各种谷歌和百度,发现所有的教程都是利用命令行窗口安装的.发现安装scrapy需要的包真是多 ...
- 解决Windows平台通过cURL上传APP到蒲公英pgyer平台时无法使用中文升级描述的问题
解决Windows平台通过cURL上传APP到蒲公英pgyer平台时无法使用中文升级描述的问题 官方上传命令 curl -F file=@"315.apk" -F uKey=XXX ...
- 【COCOS2DX-LUA 脚本开发之四】
使用tolua++编译pkg,从而创建自定义类让Lua脚本使用 本站文章均为李华明Himi原创,转载务必在明显处注明:(作者新浪微博:@李华明Himi ) 转载自[黑米GameDev街区] 原文链接: ...
- JSON解析工具-org.json使用教程
转自:http://www.open-open.com/lib/view/open1381566882614.html 一.简介 org.json是Java常用的Json解析工具,主要提供JSONO ...
- File 的基本操作
package xinhuiji_day07; import java.io.File;import java.io.IOException; public class FileTest { /** ...
- PHP-Manual的学习----【语言参考】----【类型】-----【string字符串型】
1.一个字符串 string 就是由一系列的字符组成,其中每个字符等同于一个字节.这意味着 PHP 只能支持 256 的字符集,因此不支持 Unicode .2. string 最大可以达到 2GB. ...