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

HTML里怎么显示代码块,不是渲染而是展示源码
直接用 <pre class="brush:php;toolbar:false;"></code> 包住内容,再嵌一层 <code><code></code>,这是最可靠、语义最准的做法。浏览器会保留换行和空格,且不执行里面的标签。</p>
<p>常见错误是只用 <code><code></code> 单独包裹多行代码——它默认是行内元素,换行会被忽略,缩进全乱;或者用 <code><pre class="brush:php;toolbar:false;"></code> 但没加 <code><code></code>,语义缺失,对屏幕阅读器不友好,SEO 也弱。</p>
<ul>
<li><code><pre class="brush:php;toolbar:false;"><code>console.log("hello");</code></pre> 是标准写法
或 <code>&,必须先 HTML 转义:<、&
<textarea readonly></textarea> 模拟——可复制性差,样式难控,也不语义化怎么让代码块带语法高亮
纯 HTML 不支持语法高亮,得靠 JS 库(比如 highlight.js 或 Prism.js)或服务端渲染。但前提是代码块得有明确语言标识,否则高亮器无法判断规则。
功能列表:底层程序与前台页面分离的效果,对页面的修改无需改动任何程序代码。完善的标签系统,支持自定义标签,公用标签,快捷标签,动态标签,静态标签等等,支持标签内的vbs语法,原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统,可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率,稳定性和容错性,即使模版中有错误的标签也不会影响页面的显示。所有的标
做法很简单:给 <code> 加 class 属性,比如 class="javascript",高亮库会自动匹配对应语法。
立即学习“前端免费学习笔记(深入)”;
- 支持的 class 命名格式通常是
language-xxx或lang-xxx(看库文档) - 别写成
class="js"或class="javascript"——多数库不识别简写 - 如果用了
highlight.js,记得在










