标签仅用于语义化标记代码文本，不执行javascript；要同时显示和运行js，须用展示转义后的代码，并用独立标签执行。
<code> 标签本身不执行 JavaScript，只负责语义化标记——它告诉浏览器“这段文字是代码”，但不会让浏览器去运行它。想在网页中既「显示」JavaScript 代码，又「运行」它，必须分开处理：显示用 <code> + <pre class="brush:php;toolbar:false;"></pre>，运行用 <script></script>。
为什么直接把 JS 代码塞进 <code> 里不显示或乱码
常见现象：页面上只看到半截代码、<script></script> 消失、尖括号被当成 HTML 标签解析、缩进全塌陷。
- 浏览器会把
和 <code>>当成标签起始/结束符，除非转义为<和> <code>是行内元素，自动合并空白符和换行，多行代码会被压成一行- 如果代码里有
&，也得转成&，否则可能触发实体解析错误
正确显示 JS 代码块：必须套 <pre class="brush:php;toolbar:false;"></pre> + 转义 + 等宽字体
要保留缩进、换行、符号原样，三步缺一不可：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 用
<pre class="brush:php;toolbar:false;"><code class="javascript">...</code></pre>包裹（<code>嵌在<pre class="brush:php;toolbar:false;"></pre>里） - 手动把原始 JS 中的
→ <code><、>→>、&→& - 加一句 CSS：
code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; }
示例（显示一段带 <script></script> 的代码）：
function hello() {
console.log("Hello");
}
想同时「显示代码」和「运行效果」，别混在一起
一个常见误区：把 <script></script> 标签内容直接复制进 <pre class="brush:php;toolbar:false;"><code></code> —— 这会导致两遍解析：一遍被当成 HTML 渲染（失败），一遍被当脚本执行（可能成功但不可见）。</pre>
- 显示代码：用转义后的纯文本，放在
<pre class="brush:php;toolbar:false;"><code></code></pre> - 运行代码：另起一组
<script></script>，写在 HTML 其他位置（推荐放
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
