Javascript 为什么pre或代码块中的JS代码会执行？

我一直在尝试在页面中显示一些JS代码

<pre >
    <code>
        <script type="text/javascript"> 
            $(function(){
                alert("Hello");
            });
        </script>
    </code>
</pre>

$（函数（）{
警惕（“你好”）；
});

但是如果jQuery加载到页面中，那么我将收到一个警报，并且代码不会显示。如何在不执行JS的情况下显示此JS。我尝试了SyntaxHighLighter插件，它突出显示了代码，但我还是得到了警告

向用户显示此JS代码而不执行它们的最佳方式是什么。

因为

和

都不表示“不要将其视为标记”

<pre>
<code>
$(function(){
        alert("Hello");
    });
</code>
</pre>

表示“在此处呈现空白”

的意思是“以这样的方式呈现（即使用适当的字体等），告知读者这是一个代码示例”

如果要使用在HTML中具有特殊意义的字符（例如
），使用
标记意味着这是要执行的javascript

完全删除
标记：


或者，将
编码为
和
，以便
标记呈现为文本，而不是解释为脚本标记：

我不确定这是否是打字错误，但您的html代码不完整，可能就是这个问题。这不是问题的原因，我现在已经更正了。对于那些感兴趣的人，请检查原始文本。我在编辑器中插入html时遇到问题。那些Js代码被包装在block.thnx中。那么我该如何完成我想要？我如何在不执行js代码的情况下显示js代码？@joy，正如昆廷所建议的，只需用它们的实体替换
<和>/code>
<pre>
<code>
&lt;script type="text/javascript"&gt;
$(function(){
        alert("Hello");
    });
&lt;/script&gt;
</code>
</pre>