如何将代码示例插入HTML文件?

Kev*_*cia 24 html

我想在不处理标签的情况下放置代码示例?

Mal*_*alk 42

Xmp标签将起作用:

<xmp>
   ...code...
</xmp>
Run Code Online (Sandbox Code Playgroud)

ETA:在撰写本文时,这仍然可以在所有主流浏览器中使用,但正如其他人已经指出的那样,它已经在HTML5 [link]中被正式废弃了.浏览器可以在没有任何警告或通知的情况下随时停止呈现它,生产站点应该避免使用它.尽管如此,没有替代品不会涉及HTML手动编码字符串或使用iframe技巧.它仍然在我的个人实用工具页面工具带中占有一席之地,但我不会为客户考虑它.

  • 注意:`xmp`元素已过时,请勿使用它!https://developer.mozilla.org/en/docs/Web/HTML/Element/xmp (7认同)

Min*_*ang 20

<pre>标签可以让你以显示与空格和换行的,是文本.此外,代码必须是实体编码的:例如,代码示例

 <html>
   <head><title></title></head>
   <body></body>
 </html>
Run Code Online (Sandbox Code Playgroud)

会变成

<pre>&lt;html>
  &lt;head>&lt;title>&lt;/title>&lt;/head>
  &lt;body>&lt;/body>
&lt;/html></pre>
Run Code Online (Sandbox Code Playgroud)

<编码成&lt; &编码&amp;

PHP htmlentities完成这项工作:

<pre><?php echo htmlentities($code) ?></pre>
Run Code Online (Sandbox Code Playgroud)

<textarea> 做的也是:它还允许复制代码.


Ben*_*Ben 9

要以HTML格式呈现代码,通常会使用<code>标记.

你的问题不是很清楚,我不知道你的意思是"没有处理标签".如果您想要在HTML页面中显示HTML片段作为代码(例如),那么您需要"转义"HTML标记,以便Web客户端不会尝试解析它们.

要执行此操作,您应该将实体&gt;用于大于括号的括号,以及&lt;小于括号的实体.