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

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实体/特殊字符，如<（小于）

&lt;p&gt; in html -> <p> in browser 

你也可以写<p>，因为没有关于开始标记不确定性。

许多语言已经建立了方法，将HTML特殊字符，如PHP的htmlspecialchars

Answer 3

您需要转义HTML标记，即小于号。将它写为<，它将在HTML页面上显示为<。

Answer 4

你想看看HTML Entities。

例如，如果您希望<字符出现在网站上，则可以编写此HTML代码：<。这些都是五个基本HTML Entities和他们的源代码等同于：

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

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

Answer 5

您的html需要不在标签中。如果你使用<>标签，你将它转换成代码而不是文本，如果我在
的中间写<br>那么它会这样做你需要用代码来编写代码。 < > (< >) 然后你得到你所需要的。

Answer 6

您还可以查看语法高亮显示，具体取决于您需要在网页上插入未解释的代码的频率。以下是较受欢迎的一个：

http://alexgorbatchev.com/SyntaxHighlighter/

Answer 7

使用后重新格式化文本和</PRE>块前的标签<PRE>。 这些标记之间的文本呈现为等宽字符，并在与原始文件相同的点处具有换行符和空格。这可能有助于在不添加大量HTML代码的情况下呈现诗歌。试试这个：

 
Mary had a little lamb. 
    Its fleece was white as snow. 
And everywhere that Mary went 
    the lamb was sure to go. 

Answer 8

我刚刚发现在CSS-技巧一个更简单的解决方案...... 只要有你最外层的包装是一个“前”标签，接着是“代码”标签，然后里面的代码标签将您的代码放在pamentalhesis中。

Answer 9

最简单的方法来做到这一点，而不必重新格式化使用实体的文本是使用JQuery。

<div id="container"></div> 

<script> 
    $('#container').text("<div><h1>Hello!</h1><p>I like you.</p></div>"); 
</script> 

如果然后做alert($('#container').prop('innerHTML'));，你<div><h1>Hello!</h1><p>I like you.</p></div>

是多么有用的技巧是一定程度上取决于您的材料的来源。

Answer 10

有很多种方法来使用：

1. 更换<与<

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

2. 将里面的代码</xmp><xmp>标签

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

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

Answer 11

以便在网页中添加纯文本代码，我们需要做的HTML字符在出文本这五个字符转义：

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

（OR）

我们可以直接使用<xmp>标记如：

<xmp>Code with HTML Tags like <div> etc. </xmp>