HTML <code> インラインコード要素

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

<code> は HTML の要素で、コンピューターコードの短い断片の文字列であると識別できるような外見のコンテンツを表示します。既定では、中の文字列がユーザーエージェントの既定の等幅フォントを使用して表示されます。

試してみましょう

<p>
  <code>push()</code> メソッドは、配列の末尾に 1 つ以上の要素を追加し、配列の新しい長さを返します。
</p>

code {
  background-color: #eeeeee;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  padding: 0 3px;
}

属性

この要素にはグローバル属性以外の属性はありません。

例

<code> を含むテキストの段落です。

html
<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>

結果

補足

複数行のコードを表すには、 <code> 要素を <pre> 要素の中に入れてください。 <code> 要素自身は、コードの単一のフレーズや 1 行のみを表します。

CSS のルールによって、code セレクターを定義して、ブラウザーの既定のフォントを上書きすることができます。ユーザーによる設定を CSS による指定より優先させることもできます。

技術的概要

コンテンツカテゴリー許可されている内容タグの省略許可されている親要素暗黙の ARIA ロール許可されている ARIA ロール DOM インターフェイス

フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ

記述コンテンツ

なし。開始タグと終了タグの両方が必須です。

記述コンテンツを受け入れるすべての要素

code

すべて

HTMLElement。Gecko 1.9.2 (Firefox 4) 以前では、この要素には HTMLSpanElement インターフェイスが実装されています。

仕様書

HTML
# the-code-element

ブラウザーの互換性

ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。

MDN の改良に協力

このページは役に立ちましたか？

はいいいえ

協力方法を知る

このページは MDN の貢献者によって 2026年6月15日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

HTML <code> インラインコード要素

目次

試してみましょう

属性

例

結果

補足

技術的概要

仕様書

ブラウザーの互換性

関連情報

MDN の改良に協力