← 返回首页
<code>:行内代码元素 - HTML(超文本标记语言) | MDN

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<code>:行内代码元素

基线 广泛可用

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

HTML <code> 元素为其显示的内容添加用以表明其中的文本是一段简短的计算机代码的样式。默认情况下,内容文本使用用户代理默认的等宽字体显示。

本文内容

尝试一下

<p> The <code>push()</code> method adds one or more elements to the end of an array and returns the new length of the array. </p>
code { background-color: #eee; border-radius: 3px; font-family: courier, monospace; padding: 0 3px; }

属性

此元素仅包含全局属性

示例

这是一段包含 <code> 的文字:

html
<p> 函数 <code>selectAll()</code> 将高亮显示输入字段中的所有文本,以便用户可以复制或删除文本。 </p>

结果

备注

要表示多行代码,可在 <pre> 元素中封装 <code> 元素。<code> 元素本身只能表示一段代码短语或一行代码。

可为 code 选择器定义 CSS 规则,以覆盖浏览器的默认字体。用户设置的首选项可能优先于指定的 CSS。

技术概要

内容分类 允许的内容 标签省略 允许的父元素 隐含的 ARIA 角色 允许的 ARIA 角色 DOM 接口
流式内容短语内容、可感知内容。
短语内容
不允许,开始标签和结束标签都不能省略。
任何接受短语内容的元素。
code
任何
HTMLElement,在 Gecko 1.9.2(包括 Firefox 4)版本之前,Firefox 为该元素实现了 HTMLSpanElement 接口。

规范

规范
HTML
# the-code-element

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见