如何在 HTML 中正确显示此代码片段?

How can I properly show this code snippet in HTML?

这是一个非常基本的 HTML 片段,我有:

<pre>
    <code class="language-java">
        import java.util.List;

        public class Foo {
            public void foo(List<List<Integer>> bar) {
            }
        }
    </code>
</pre>

我希望在浏览器中打开时看到以下内容:

import java.util.List;

public class Foo {
    public void foo(List<List<Integer>> bar) {
    }
}

然而,方法的参数列表中出现了一些问题,呈现的是:

import java.util.List;

public class Foo {
    public void foo(List> bar) {
    }
}

我错过了什么?在 code 标记中是否足以提示浏览器不要将其中的任何内容解释为 HTML?或者这是一个不同的问题?

如果您放置尖括号(即使在 <code> 标记中),它们仍会被解释为 HTML 元素。您可以通过使用 &lt; 转义 < 符号来解决这个问题。下面的工作示例:

<pre>
<code class="language-java">
import java.util.List;

public class Foo {
    public void foo(List&lt;List&lt;Integer>> bar) {
    }
}
</code>
</pre>