最可靠做法是用嵌套，保留换行空格且不渲染；需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）或服务端渲染。但前提是代码块得有明确语言标识，否则高亮器无法判断规则。
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
做法很简单：给 <code> 加 class 属性，比如 class="javascript"，高亮库会自动匹配对应语法。
立即学习“前端免费学习笔记（深入）”；
- 支持的 class 命名格式通常是
language-xxx或lang-xxx（看库文档） - 别写成
class="js"或class="javascript"——多数库不识别简写 - 如果用了
highlight.js，记得在
