微前端文档频繁使用 <code> 标签是为了精确呈现不可修改的字符串字面量（如函数名、路径、配置项），通过视觉隔离避免大小写、标点或格式误改，防止因拼写错误导致挂载失败。
HTML 的 <code> 标签本身不参与微前端架构逻辑，也不影响子应用加载或沙箱行为；它只是语义化地包裹内联代码片段，在文档、注释、调试说明中用于清晰呈现函数名、配置项或错误信息——这点在微前端技术文档里尤其关键，因为路径、函数、属性稍有拼错就会导致挂载失败。
为什么微前端文档里频繁用 <code> 标签
微前端问题高度敏感于字符串字面量：比如 activeRule 写成 activerule，mount 函数名少个括号，__webpack_public_path__ 拼错下划线数量，都会直接报错且无明确提示。用 <code> 包裹这些内容，能视觉上隔离出“这是不可修改的精确文本”，避免读者误以为可自由调整格式或大小写。
- 浏览器 DevTools 控制台报错中出现的
TypeError: app.mount is not a function，必须原样用<code>呈现，否则丢失大小写和点号语义 - Webpack 配置里的
output.libraryTarget: 'umd'，引号、冒号、单引号都不能省略或替换为中文标点 - qiankun 注册时的
entry: 'https://sub1.example.com/app1/'，协议、域名、尾部斜杠缺一不可
<code> 和 <pre><code> 的使用边界
单行命令、配置键名、函数签名、URL 片段用 <code>；多行代码块（如导出 mount 函数的完整 JS 片段）才套 <pre><code>。混用会导致排版断裂或复制时带换行符。
- 正确：
router.base = '/app1'（Vue Router 配置项） - 错误：
router.base = '/app1' // 这行不能跨行，也不能放进 <pre> - 正确：
function mount(props) { ReactDOM.createRoot(props.container).render(<App />); }
容易被忽略的 HTML 渲染细节
<code> 默认使用等宽字体，但若所在 CSS 重置了 font-family 或设置了 font-size: 0，可能让代码文本缩成一条线甚至不可见。微前端文档常嵌入在主应用的样式上下文中，需额外加 code { font-family: ui-monospace, 'SFMono-Regular', monospace; } 保底。
立即学习“前端免费学习笔记（深入）”；
- 构建产物中的
index.html若被 Nginxsub_filter替换过内容，<code>标签本身也可能被意外匹配并破坏——例如把<code>src="/app1/main.js"</code>里的/app1/替换成/v2/app1/，导致文档示例和实际行为不一致 - 用
curl -s http://subapp-service:8080/index.html抓原始 HTML 时，返回的是纯文本，<code>标签不会被渲染，只作为源码存在——这意味着文档中的<code>是给人工阅读服务的，不是给运行时解析的
真正起作用的是标签里的内容是否准确，而不是标签本身；但一旦写错，第一个看到的人往往是文档读者，不是运行时错误日志。
