专栏首页cloudskyme网页中显示xml,直接显示xml格式的文件

网页中显示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>  

第二种方法

“<”用&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信息了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • weblogic连接RAC数据库

    对于负载均衡的机器,要连接多个实例的数据库的时候,使用这种策略目前是比较好的一种方案,当然也可以使用weblogic自带的解决方案。 直接使用了RAC的负载均衡...

    cloudskyme
  • 一起玩转微服务(11)——一切从简单开始

    使用Spring Bboot是快乐并且简单的,不需要繁琐的配置就能够完成一套非常强大的应用。

    cloudskyme
  • 虚拟化平台cloudstack(7)——新版本的调试

    调试环境 ubuntu 12.04 JDK1.7 apache-maven-3.10 eclipse 4.2 Juno mysql 5 源码下载及调试 上面的几...

    cloudskyme
  • CNNIC报告:中国网民超8亿,人工智能取得突出成果

    中国互联网络信息中心(CNNIC),昨天下午发布第42次《中国互联网络发展状况统计报告》。报告显示,截至2018年6月30日,我国网民规模达8.02亿,手机网民...

    量子位
  • 二手车交易市场火爆空前,业绩下滑!鸿海决心进军大数据领域 | 大数据24小时

    数据猿导读 二手车电商优信获5亿美元融资,利用互联网和大数据重点发力B端车商;收购夏普反倒使业绩下滑,鸿海决心发力大数据领域;大数据移动互联网服务商点春科技新三...

    数据猿
  • LeetCode 1100. 长度为 K 的无重复字符子串(滑动窗口)

    给你一个字符串 S,找出所有长度为 K 且不含重复字符的子串,请你返回全部满足要求的子串的 数目。

    Michael阿明
  • python函数——os.path.join路径拼接(pjoin)

    莫斯
  • Activiti开发案例之工作流任务数据统计

    工作流可以提高企业运营效率、改善企业资源利用、提高企业运作的灵活性和适应性、提高工作效率、集中精力处理核心业务、跟踪业务处理过程、量化考核业务处理的效率、减少浪...

    小柒2012
  • 微软全新 Edge 真香!或许它注定会成为最佳浏览器

    自从 2019 年微软发布基于 Chromium 开发的全新 Edge 浏览器,我便第一时间用上了这款让人翘首以盼已久的浏览器。

    GitHubDaily
  • gobbli统一模型库帮你快速上手文本分类,内置BERT、fastText等

    近年来,迁移学习在自然语言处理领域取得了很大的进展,许多通用语言任务都可以被新提出的模型解决。然而,各种各样的语言模型层出不穷,它们由不同的团队开发,应用这些模...

    机器之心

扫码关注云+社区

领取腾讯云代金券