HTML コンピューター コード要素

HTMLレスポンシブWebデザイン HTML文字エンティティ

コンピュータコード

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

HTML コンピュータ コード形式

通常、HTML では可変な文字サイズと可変文字間隔が使用されます。

コンピュータ コードの例を示す場合、これは必要ありません。

<kbd>、<samp>、および <code> 要素はすべて、固定文字サイズと間隔をサポートしています。

HTML キーボード形式

HTML <kbd> 要素定義 キーボード入力:

例

<p>To open a file, select:</p>

<p><kbd>File | Open...</kbd></p>

自分で試してみてください

HTML サンプル形式

HTML <samp> 要素定義 サンプル コンピュータ出力:

例

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

自分で試してみてください

HTML コード形式

HTML <code> 要素定義 プログラミング コード例:

例

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

自分で試してみてください

<code> 要素は、冗長なスペースと改行を保持しません:

例

コード例:

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

自分で試してみてください

これを修正するには、コードを <pre> 要素で囲む必要があります。

例

コード例:

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

自分で試してみてください

HTML 変数の書式設定

HTML の <var> 要素は数学変数を定義します。

例

<p>Einstein wrote:</p>

<p><var>E = m c<sup>2</sup></var></p>

自分で試してみてください

HTML コンピュータ コード要素

ラベル 説明
<code> コンピュータ コード テキストを定義する
<kbd> キーボード テキストを定義する
<samp> コンピュータ コードの例を定義する
<var> 変数を定義する
<pre> フォーマット済みテキストを定義する
HTMLレスポンシブWebデザイン HTML文字エンティティ