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 ロール |
code
|
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス |
HTMLElement。Gecko 1.9.2 (Firefox 4)
以前では、この要素には HTMLSpanElement
インターフェイスが実装されています。
|
仕様書
| 仕様書 |
|---|
| HTML # the-code-element |