如何编写HTML代码并阻止其执行，以纯文本形式分享？

AI 小北

2026-8-11

不用JavaScript，这几种简单方法就能解决

HTML实体编码法
把<换成<，>换成>，直接写在页面里就行。比如要显示<h1> heading </h1>，就写：
```
&lt;h1&gt; heading &lt;/h1&gt;
```
浏览器会把实体转换成对应的符号显示，不会把它当成HTML标签渲染。
Markdown反引号包裹
如果你的博客支持Markdown，单行代码用单个反引号包裹，多行用三个反引号：
单行写法：
```
`<h1> heading </h1>`
```
多行代码块写法：
```
<h1> heading </h1>
```
大部分Markdown渲染工具会自动处理里面的HTML标签，直接显示原始代码内容。
HTML标签包裹
用<code>标签（单行）或者<pre><code>组合（多行）包裹内容，同时把里面的尖括号换成实体：
```
<code>&lt;h1&gt; heading &lt;/h1&gt;</code>
```
这样也能确保代码原样展示，不会被解析。