HTML 代码块和代码行元素

HTML 包含几个用于定义用户输入和计算机代码的元素。

HTML `<kbd>` 用于键盘输入

HTML <kbd> 元素用于定义键盘输入，属于行内元素，里面的内容以浏览器默认的等宽字体显示。

将一些文本定义为文档中的键盘输入：

<p>通过按下组合键 <kbd>Ctrl + S</kbd> 来保存文件</p>

HTML <samp> 元素用于定义来自计算机程序的输出内容，属于行内元素，里面的内容以浏览器默认的等宽字体显示。

将一些文本定义为文档中计算机程序的示例输出：

<p>来自计算机的信息:</p>
<p>
  <samp>File not found.<br />Press F1 to continue</samp>
</p>

HTML <code> 元素用于定义一段计算机代码，属于行内元素，里面的内容以浏览器默认的等宽字体显示。

将一些文本定义为文档中的计算机代码：

<code> x = 5; y = 6; z = x + y; </code>

由于 <code> 属于行内元素，元素不会保留额外的空格和换行符。要解决此问题，您可以将 <code> 元素放在<pre> 元素中，如下面的例子：

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

HTML <var> 元素用于在编程或数学表达式中定义变量，属于行内元素，里面的内容通常以斜体显示。

将一些文本定义为文档中的变量：

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

如需所有可用 HTML 标签的完整列表，请访问 HTML 标签参考。