HTML计算机代码元素

HTML 计算机代码格式

HTML 通常使用可变字母大小和间距。

在显示计算机代码时，这不是我们想要的.

<kbd>, <samp> 和 <code> 元素都显示在固定字母大小和间距。

HTML <kbd> 键盘输入

HTML <kbd> 元素定义键盘输入，例如：

<p>kbd 元素表示键盘输入:</p>
<p><kbd>File | Open...</kbd></p>

结果：

File | Open...

让我试试

HTML <samp> 计算机输出

HTML <samp> 元素定义计算机程序中的示例输出，例如：

<p>samp 元素表示从计算机程序输出的示例:</p>

<samp>
CodingDict.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 <code> 计算机编码

HTML <code> 元素定义了一段编程代码，例如：

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

让我试试

注意 <code> 元素不保留多余的空格和换行。

要解决这个问题，你可以把 <code> 元素放到 <pre> 元素里面，例如：

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

让我试试

HTML <var> 变量

HTML <var> 元素定义了变量。

变量可以是编程上下文中的数学表达式或程序中的变量，例如：

<p>爱因斯坦质能方程: <var>E</var>  = <var>m</var><var>c</var><sup>2</sup>.</p>

让我试试

HTML 计算机代码元素

标签 描述
<code> 定义了程序代码
<kbd> 定义键盘输入 
<samp> 定义计算机输出
<var> 定义一个变量
<pre> 定义预格式化文本