var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue"}
通常,HTML 使用可变的字母尺寸,以及可变的字母间距。
在显示计算机代码示例时,并不需要如此。
<kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。
HTML <samp> 元素定义计算机输出示例:
<samp>demo.example.com login: Apr 12 09:10:17Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189</samp>
HTML <code> 元素定义编程代码示例:
<code>var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }</code>
<code> 元素不保留多余的空格和折行:
<p>Coding Example:</p><code>var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue"}</code>
如需解决该问题,您必须在 <pre> 元素中包围代码:
<p>Coding Example:</p><code><pre>var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue"}</pre></code>
标签 | 描述 |
---|---|
<code> | 定义计算机代码文本 |
<kbd> | 定义键盘文本 |
<samp> | 定义计算机代码示例 |
<var> | 定义变量 |
<pre> | 定义预格式化文本 |