最可靠做法是用嵌套，保留换行空格且不渲染；需HTML转义、&为<、>、&；语法高亮需加class="xxx"并配合JS库。

HTML里怎么显示代码块，不是渲染而是展示源码

直接用 <pre class="brush:php;toolbar:false;">&lt;/code&gt; 包住内容，再嵌一层 &lt;code&gt;&lt;code&gt;&lt;/code&gt;，这是最可靠、语义最准的做法。浏览器会保留换行和空格，且不执行里面的标签。&lt;/p&gt; &lt;p&gt;常见错误是只用 &lt;code&gt;&lt;code&gt;&lt;/code&gt; 单独包裹多行代码——它默认是行内元素，换行会被忽略，缩进全乱；或者用 &lt;code&gt;&lt;pre class=&quot;brush:php;toolbar:false;&quot;&gt;&lt;/code&gt; 但没加 &lt;code&gt;&lt;code&gt;&lt;/code&gt;，语义缺失，对屏幕阅读器不友好，SEO 也弱。&lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;code&gt;&lt;pre class=&quot;brush:php;toolbar:false;&quot;&gt;&lt;code&gt;console.log(&quot;hello&quot;);&lt;/code&gt;</pre> 是标准写法

如果代码里含 或 <code>&，必须先 HTML 转义：<、&

不推荐用 <textarea readonly></textarea> 模拟——可复制性差，样式难控，也不语义化

怎么让代码块带语法高亮

纯 HTML 不支持语法高亮，得靠 JS 库（比如 highlight.js 或 Prism.js）或服务端渲染。但前提是代码块得有明确语言标识，否则高亮器无法判断规则。

htmlppt.skill

把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。

下载

做法很简单：给 <code> 加 class 属性，比如 class="javascript"，高亮库会自动匹配对应语法。

立即学习“前端免费学习笔记（深入）”；

• 支持的 class 命名格式通常是 language-xxx 或 lang-xxx（看库文档）
• 别写成 class="js" 或 class="javascript"——多数库不识别简写
• 如果用了 highlight.js，记得在