HTML <code> 标签 HTML Tutorial top HTML Tutorial

HTML <code> 标签

示例

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

<p>The HTML <code>button</code> tag defines a clickable button.</p> <p>The CSS <code>background-color</code> property defines the background color of an element.</p> Show Code

定义和用法

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

提示： 此标签未被弃用。但是，使用 CSS 可以实现更丰富的效果（参见下面的示例）。

还请看：

标签 Tag 描述 Description

<samp>	定义计算机程序的样本输出
<kbd>	定义键盘输入
<var>	定义一个变量
<pre>	定义预格式化文本

浏览器支持

Element

<code>

Yes

全局属性

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

事件属性

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

更多示例

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

    code {
      font-family: Consolas,"courier new";
      color: crimson;
      background-color: #f1f1f1;
      padding: 2px;
      font-size: 105%;
  </style>
  <p>The HTML <code>button</code> tag defines a clickable button.</p>
  <p>The CSS <code>background-color</code> property defines the background color of an element.</p>

          Show Code

默认 CSS 设置

大多数浏览器将显示具有以下默认值的 <code> 元素：

code { font-family: monospace; }

GitHub 上编辑此页 2022/05/08