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> 定義預格式化文本