W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML 计算机代码元素


Computer Code Element

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

HTML计算机代码格式

HTML通常使用可变字母尺寸和间距。

显示计算机代码示例时不需要。

<kbd><samp>,和 <code> 元素都支持固定的字母尺寸和间距。


HTML <kbd> 用于计算机输入

HTML <kbd> 元素定义键盘输入。

Example

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

结果:

File | Open...
尝试一下 »

HTML <samp> 用于计算机输出

HTML <samp> 元素定义来自计算机程序的样本输出:

Example

<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>

结果:

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
尝试一下 »

HTML <code> 用于计算机代码

HTML <code> 元素定义了一段程序代码:

Example

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

结果:

var x = 5; var y = 6; document.getElementById("demo").innerHTML = x + y;
尝试一下 »

请注意, <code> 元素不保留额外的空格和换行符。

要解决这个问题,您可以将 <code> 元素放在 <pre> 元素内:

Example

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

结果:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
尝试一下 »

HTML <var> 用于变量

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

该变量可以是数学表达式中的变量或编程上下文中的变量:

Example

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

结果:

Einstein wrote: E = mc2.
尝试一下 »

HTML计算机代码元素

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