Question

我想在html页面中提供一些示例代码。我该怎么做，例如我想在stackoverflow中显示标签和图片标签，我使用4个空格：

A Tag example:
<a href="your_url"></a>

Image Tag example:
<img...>

Answer 1

要格式化输出，可以使用pre元素。

但是，您仍然需要将特殊字符< > ' " &转换为HTML实体< {{ 1}}等等，所以HTML标签以明文形式出现，不会被浏览器呈现。

如果你可以使用 PHP ，那就有htmlspecialchars()。每种服务器端脚本语言都具有相同的功能。

在 JavaScript 中，设置>容器的innerText属性会导致字面显示的字符，而不是HTML解释。

如果您想手动执行此操作，则需要转换：

pre

source

Answer 2

我认为您要求预先格式化文本的<pre>标记。

预标签内的所有内容都不会被解释。

在浏览器上试试这个：

<pre>
&lt;img src="whatever" /&gt;
&lt;othertag&gt;whatever&lt;/otherta&gt;
</pre>

编辑：正如Pekka指出的那样，对于HTML标签，必须将符号转换为HTML实体。

Answer 3

您可以结合使用<pre>和<code>标记。 <pre>标记格式化其中的所有内容，如源代码中所示（用于显示大块源代码），<code>标记用于代码的内联格式化（类似于标记的方式）在这个答案格式化）。此外，<code>代码中的任何内容都需要转换为HTML特殊字符（＆amp; gt;和＆amp; lt;例如）。

如何引用HTML（不是blockquote）？

3 个答案: