zoukankan      html  css  js  c++  java

  • 网页中显示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信息了。

    作者：张锋
    本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文连接，否则保留追究法律责任的权利。
    更多精彩文章可以观注
    微信公众号 soft张三丰

    微信交流群，添加群主微信，邀请入群
  • 相关阅读:
    感性的记录一次生活
    CF 696 A Lorenzo Von Matterhorn（二叉树，map）
    UVA 673 Parentheses Balance（栈）
    POJ 1363 Rails（栈）
    HDU 1314 Numerically Speaking（大数加减乘除+另类二十六进制互相转换）
    UVA 540 Team Queue（模拟+队列）
    HDU 1276 士兵队列训练问题（模拟）
    CF 480 B Long Jumps （map标记）
    UVA 136 Ugly Numbers
    HDU 1027 Ignatius and the Princess II
  • 原文地址：https://www.cnblogs.com/skyme/p/1873296.html
Copyright © 2011-2022 走看看