<code>: 代码标签

最后更新：2026-10-13

<code>代码标签

标记一段计算机代码片段，浏览器默认使用等宽字体显示。

<code>代码片段</code>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<code>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： 多行代码块建议用 <pre><code> 组合，<pre> 会保留换行和缩进。

Qcode 和 pre 有什么区别？

A<code> 标记行内代码，随文本流动显示；<pre> 保留源码中的换行和空格，适合整段代码块。两者常组合使用：<pre><code>…</code></pre> 展示多行代码，pre 管排版、code 管语义。

Qcode 标签里的尖括号怎么显示？

A必须用 HTML 实体转义：小于号写 <，大于号写 >。例如想显示 <div>，源码里要写成 <div>，否则浏览器会把尖括号里的内容当作真实标签解析掉。

Qcode 标签需要设置字体吗？

A浏览器默认以等宽字体（monospace）显示 <code> 内容，一般无需手动设置。如需统一风格，可通过 CSS 指定 font-family，建议写成完整的等宽回退字体栈，兼顾不同操作系统。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。