code要素：HTML Living Standard各要素別メモ

概要

カテゴリー

配置できる場所

上記カテゴリーの要素が置ける場所。

内容モデル

Phrasing content

属性

グローバル属性

HTML構文におけるタグの省略

省略不可。

WAI-ARIA

デフォルトroleは、code。デフォルトroleをrole属性値に指定することは、推奨されない。
デフォルトrole以外では、すべてのroleが指定可能。

視覚系ブラウザのデフォルトとして期待されるCSS


  code {font-family: monospace;}

意味・用法

コンピューターコードの断片を表す。

例→XML要素名、ファイル名、コンピュータープログラム、又はコンピューターが認識するだろう文字列。

マークアップされているコンピューターコードの言語を示すための、正式な方法はない。使用される言語とともにcode要素をマークアップしたい著者は、例えば構文強調表示スクリプトが正しい規則を使用できるように、例えばこの要素に「language-」で始まる属性値をもつclass属性を使用できる。

私見・補足

class属性で使用言語を示すほか、title属性に説明文を入れることもありだろう。

表示確認

ソース


  <code>&lt;small&gt;&lt;/small&gt;</code>で囲むと、一般的には文字が小さくなります。しかし、この「small」という要素には意味があり、文字を小さくするという見た目目的でのみの使用はしてはいけません。

表示結果

<small></small>で囲むと、一般的には文字が小さくなります。しかし、この「small」という要素には意味があり、文字を小さくするという見た目目的でのみの使用はしてはいけません。