标签仅适用于行内短代码片段，如函数名、命令等；多行代码必须用组合，否则丢失格式与语义。
而不是
会发起网络请求”，这时
是唯一语义正确的选择。它告诉浏览器和屏幕阅读器：“这是程序代码，不是普通文字”。如果换成 <pre class="brush:php;toolbar:false;">，整个段落结构会被打断，样式也难对齐；如果直接写 plain text，就失去了语义，CSS 无法针对性定制，辅助技术也无法识别。
fetch()、os.path.join()、git commit -m这类都属于典型适用场景- 它默认是行内元素，不会换行、不保留空格缩进，所以嵌在句子中毫无违和感
- 若内容含
或>，必须手动转义为和>，否则被解析成标签
为什么不能把多行代码塞进 标签
硬把函数定义或 JSON 片段放进 会导致格式完全崩溃：所有换行消失，缩进塌陷成单行，CSS 的 white-space 控制也失效。这不是浏览器 bug，而是 HTML 规范明确限定 为纯行内语义元素——它不处理格式保留。
- 错误写法：
function foo() { return true; }（实际渲染为一行，无缩进） - 正确组合：
function foo() { return true; }，其中负责保留格式，<pre class="brush:php;toolbar:false;"> 负责声明语义
- 单独用
套多行，等于放弃可访问性与语义，对 SEO 和屏幕阅读器都不友好
如何让 看起来更专业又不破坏语义
默认等宽字体够用，但加点轻量样式能立刻提升可读性。关键是别动语义，只改外观。
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 推荐最小化 CSS：
code { font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; background: #f6f6f6; padding: 2px 4px; border-radius: 3px; } - 避免用
font-size: 0.85em类似缩放，容易在响应式中失衡；优先靠padding和background区分 - 不要给
加display: block或margin，它本就是行内元素，强行块化会破坏段落流
常见混淆：和 、、 的区别在哪
这几个标签长得像，但语义完全不同，混用会让文档结构模糊，尤其影响自动化工具解析。
-
Ctrl+C表示用户要按的键，不是代码；username表示变量名，常配合在 <pre class="brush:php;toolbar:false;"> 中使用
是程序输出样例，比如终端返回的File not found，不是你写的源码-
已废弃，HTML5 不再支持，别再用
真正容易被忽略的是：哪怕只是写一个 JSON.parse()，也要确认它是否处于语义上下文中——如果它出现在文档说明里，就该用 ；如果它是配置示例的一部分，可能需要 套一层；而如果只是按钮文案写着“点击运行 start()”，那就老老实实用 ，别画蛇添足。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
