怎样让一段代码不运行直接显示

网站没后台，靠直接编辑.html文件修改，汉字还好会显示，但是涉及代码添加进去后就运行了，想让他不允许，直接以文章形式显示出来，有没有一种代码如【代码】这样，上下添加一个，让中间代码不运行，直接显示。

用&lt;和&gt;替换代码中的<和>
比如

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>
<pre>
&lt;script type="text/javascript"&gt;
alert("不运行");
&lt;/script&gt;
</pre>
</body>
</html>

或者把代码放textarea里,并设置readonly="readonly"禁止编辑

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>
<textarea readonly="readonly" rows="10" cols="50">
<script type="text/javascript">
alert("不运行");
</script>
<h2>xxxxxxxxxx</h2>
</textarea>
</body>
</html>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

img

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632