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

时间:2018-10-20 01:03:45

标签: html html-encode

这是我非常基本的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是否足够?还是这是一个不同的问题?

1 个答案:

答案 0 :(得分:3)

如果您将尖括号(即使放在<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>