如何在网页中添加纯文本代码？

Question

我知道这是可能的,因为这个网站做到了,但我尝试研究如何并且只是得到了一堆垃圾,所以如何在没有浏览器将其解释为代码的情况下将标签添加到网站段落中.

例如,如果我有<p><div></div></p>,我希望div在浏览器中显示为文本而不是浏览器将其解释为html.这样做很复杂吗？

我一直在写学校的教程,这将是容易得多,如果我可以直接将代码添加到文字形式而不是图片的网页,因此学生可以复制和粘贴.

Answer 1

看看这个网站本身如何实现这个目标:

<p>For example, if I have <code>&lt;p&gt;&lt;div&gt;&lt;/div&gt;&lt;/p&gt;</code>, I want the div to display in the browser as text not have the browser interpret it as html. Is this complicated to do?</p>

您需要将<和>替换为其HTML字符实体.

Answer 2

你想看看被称为的东西HTML Entities.

<例如,如果您希望角色出现在网站上,您可以编写以下HTML代码:<.这些是五个基本HTML Entities及其源代码等价物:

< &lt;
> &gt;
" &quot;
' &apos;
& &amp;

如果您使用的编程语言(如PHP或ASP.NET),则有可能是一个内置的命令,将(做转换为你htmlspecialchars()和Server.HtmlEncode分别).

Answer 3

<PRE>在重新格式化的文本块之前和之后使用该标记</PRE>。这些标签之间的文本呈现为等宽字符，其换行符和空格与原始文件中的位置相同。这可能有助于渲染诗歌，而无需添加大量 HTML 代码。尝试这个：

玛丽有只小羊羔。
    它的羊毛洁白如雪。
玛丽去过的每一个地方
    羔羊肯定会走。

Answer 4

有很多种方法可供使用:

1. 替换<为<

   `<h1>This is heading </small></h1>`
   

2. 将代码放在</xmp><xmp>标签内

   <xmp>
       <ul>
           <li>Coffee</li>
           <li>Tea</li>
       </ul>
   </xmp>
   

我不推荐其他方式,因为它们不适用于所有浏览器,如<plaintext>或<listing>.