HTML <code> 标签

定义和用法

<code> 标签用于定义计算机代码片段,其内容以浏览器默认的等宽字体显示。

提示:此标签未被弃用。但是,可以通过使用 CSS 来实现更丰富的效果(请参见下面的例子)。

请参阅:

标签 描述
<samp> 定义计算机程序的样例输出。
<kbd> 定义键盘输入。
<var> 定义变量。
<pre> 定义预格式化文本。

另请参阅:

HTML 教程:HTML 文本格式化

HTML DOM 参考手册:Code 对象

实例

例子 1

将一些文本定义为文档中的计算机代码:

<p>HTML <code>button</code> 标签定义可点击按钮。</p>

<p>CSS <code>background-color</code> 属性定义元素的背景色。</p>

亲自试一试

例子 2

使用 CSS 设置 <code> 元素的样式:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>HTML <code>button</code> 标签定义可点击按钮。</p>
<p>CSS <code>background-color</code> 属性定义元素的背景色。</p>

</body>
</html>

亲自试一试

全局属性

<code> 标签还支持 HTML 中的全局属性

事件属性

<code> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <code> 元素:

code {
  font-family: monospace;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持