Question

在HTML5中，如果您在段落文本中包含<pre>，结果将不会在段落上显示'<pre>'，并且会在单词上运行命令<pre>在它之后。

我必须在不运行命令的情况下在文本上显示包括标志，如" "或<>。

我该如何做到这一点？

Answer 1

您正在寻找的内容称为HTML entities：保留的字符，并自动解析为相关的HTML。使用这些标记可以编写通常自动解析为HTML的实体。

例如，尝试在父<pre>标记内写出<pre>标记通常会导致内部标记被视为HTML：

<pre><pre>The relevant tags surround this text</pre></pre>

虽然左右括号使用HTML实体<和>分别将实体解析为HTML，但它们显示为文本：

<pre>&lt;pre&gt;The relevant tags surround this text&lt;/pre&gt;</pre>

可以找到完整的HTML实体列表 here 。

希望这有帮助！：）

Answer 2

您需要转义提供的内容，以便按原样显示，而不会将其解释为HTML。

这涉及获取给定语言的reserved characters（例如HTML）并将它们转换为使用转义序列或仅使用未保留字符的表示。

在这种情况下，HTML规定使用entities来显示字符，否则这些字符将由源代码本身中的标记和属性的语法使用。

Answer 3

“最佳”方式是使用< and >

替换每个< and &gt:元素

但是如果您想快速执行此操作，则可以使用xmp标记。它已弃用，但仍受所有浏览器支持

<xmp>
  <div>Lorem ipsum</div>
  <p>Hello</p>
</xmp>