HTML-<code>-tagi

Määrittely ja käyttö

<code> Tunniste käytetään tietokonekoodin segmenttien määrittämiseen, ja sen sisältö näytetään selaimen oletusasutuksilla.

Vinkki:Tämä tunniste ei ole poistettu käytöstä. Voit kuitenkin saavuttaa rikkaampia efektejä käyttämällä CSS:ää (katso alla oleva esimerkki).

Katso myös:

Tunniste Kuvaus
<samp> Määritä tietokoneohjelman esimerkkilähtö.
<kbd> Määritä näppäimistösyötteen.
<var> Määritä muuttujat.
<pre> Määritä esikohdennettu teksti.

Katso myös:

HTML-opas:HTML 文本格式化

HTML DOM -viittauskirja:Code-objekti

Esimerkki

Esimerkki 1

Määritä joitakin tekstejä dokumentin tietokonekoodiksi:

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

亲自试一试

Esimerkki 2

Käytä CSS:ää määrittääksesi <code>-elementin tyylit:

<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
支持 支持 支持 支持 支持