html - 显示不带 XMP 标记的源代码

Question

如何在不使用 HTML5 网站上的 XMP 元素的情况下显示包含标签的 HTML 标记？

该网站由 HTML5 制成，并显示有关 HTML、C++ 等的教程。

所以我需要展示很多编程语言的源代码。

Answer 1

最常用的替代方法是使用在 HTML 中具有特殊含义的<pre>or元素和转义字符。会变成，就是逃到。<code><&lt;>&gt;

根据Can I escape html tags within a class (recreate the xmp tag)? ，您仍然可以使用 XMP 标记。浏览器仍应支持它，尽管根据<XMP> 标签的用途是什么？,<pre>是首选元素。

Answer 2

<pre> 和 <code> 标签不提供与 <pre> 标签相同的功能。我认为他们从规范中删除它是一个错误，希望浏览器编写者永远不会删除它，因为我将继续在我认为合适的情况下使用它。

有时，您希望显示一段代码的确切内容（无论是 HTML、'C' 还是其他），并且不想引入引用 '<' 时可能出现的错误， '>' 和任何字符。也许它是您想要引用的有点大的“C”程序，也许是一些示例 HTML 代码。对于他们来说，删除标签而不提供可以做完全相同的事情的东西充其量是有点幼稚。

当您输入一些“C”代码并具有以下内容时，我查看了该站点生成的 HTML：

#include <stdio.h>

在里面。它将 '<' 替换为 '<' 和 '>' 和 '>' （此时要正确输入，我必须更改为“&lt”和“&gt”）。从这里可以看出，当您尝试显示示例 HTML 文本并使用 pre 标记时，它会变得很复杂。我在使用 HTML 页面记录我编写的一些代码时第一次遇到这个问题，并且由于尖括号，stdio.h 的#include 没有显示正确。