<code>: インラインコード要素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<code> は HTML の要素で、コンピューターコードの短い断片の文字列であると識別できるような外見のコンテンツを表示します。既定では、中の文字列がユーザーエージェントの既定の等幅フォントを使用して表示されます。
試してみましょう
<p> The <code>push()</code> method adds one or more elements to the end of an array and returns the new length of the array. </p> code { background-color: #eee; border-radius: 3px; font-family: courier, 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 インターフェイス | HTMLElement。Gecko 1.9.2 (Firefox 4) 以前では、この要素には HTMLSpanElement インターフェイスが実装されています。 |
仕様書
| Specification |
|---|
| HTML # the-code-element |