HTML代码标签无法执行

Question

如何使代码标记不作为实际的HTML标记执行,只显示在页面上.它不能使用<和>功能.例如,该网站如何在代码框内执行此操作？

该框如何不执行页面上的代码？例如.<img src="example.png" />不会显示.

我怎样才能做到这一点？有点像WordPress的短代码API而不是WordPress的短代码API？

Answer 1

使用HTML特殊字符代码

我知道你说如果没有它们你想要做到这一点,但实际上没有优雅的方法可以做到这一点.几乎所有服务器端语言都有一些方法可以自动转换HTML字符.

PHP示例:

<pre>
    <span id='code-span'>    
        <?= htmlspecialchars($code); ?>
    </span>
</pre>

如果您没有任何服务器端语言,可以使用Javascript(jQuery)执行此操作:

var myCode = "<b>This is not bold</b>";
$('span#code-span').text(myCode);

使用text而不是html将导致标记被暴露而不是被执行.

Answer 2

尝试：

 <xmp>insert code here</xmp>