<code>: 行内コード要素
HTML の <code> 要素は、コンピューターコードの短い断片の文字列であると識別できるような外見のコンテンツを表示します。既定では、中の文字列がユーザーエージェントの既定の等幅フォントを使用して表示されます。
試してみましょう
| コンテンツカテゴリ | フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ |
|---|---|
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス |
HTMLElement。Gecko 1.9.2 (Firefox 4)
以前では、この要素には HTMLSpanElement
インターフェイスが実装されています。
|
属性
この要素にはグローバル属性以外の属性はありません。
例
<code> を含むテキストの段落です。
<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>
この HTML によって生成される出力は以下のようになります。
補足
複数行のコードを表すには、 <code> 要素を <pre> 要素の中に入れてください。 <code> 要素自身は、コードの単一のフレーズや 1 行のみを表します。
CSS の規則によって、 code セレクターを定義して、ブラウザーの既定のフォントを上書きすることができます。ユーザーによる設定を CSS による指定より優先させることもできます。
仕様書
| Specification |
|---|
| HTML Standard # the-code-element |
ブラウザーの互換性
BCD tables only load in the browser