HTML <kbd> 标签

定义和用法

<kbd> 标签定义键盘文本。

说到技术概念上的特殊样式时,就要提到 <kbd> 标签。正如你已经猜到的,它用来表示文本是从键盘上键入的。

浏览器通常用等宽字体来显示该标签中包含的文本。

<kbd> 标签经常用在于计算机相关的文档和手册中。例如:

  1. 键入 <kbd>quit</kbd> 来退出程序,或者键入 <kbd>menu</kbd> 来返回主菜单。

短语元素

以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。

我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果。

标签 描述
<em> 把文本定义为强调的内容。
<strong> 把文本定义为语气更强的强调的内容。
<dfn> 定义一个定义项目。
<code> 定义计算机代码文本。
<samp> 定义样本文本。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var> 定义变量。您可以将此标签与 <pre><code> 标签配合使用。
<cite> 定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

HTML 与 XHTML 之间的差异

标准属性

  1. id, class, title, style, dir, lang, xml:lang

如需完整的描述,请访问标准属性

事件属性

  1. onclick, ondblclick, onmousedown, onmouseup, onmouseover,
  2. onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

如需完整的描述,请访问事件属性

HTML 文本格式化实例

文本格式化

此例演示如何在一个 HTML 文件中对文本进行格式化

  1. <b>This text is bold</b>
  2. <br />
  3. <strong>This text is strong</strong>
  4. <br />
  5. <big>This text is big</big>
  6. <br />
  7. <em>This text is emphasized</em>
  8. <br />
  9. <i>This text is italic</i>
  10. <br />
  11. <small>This text is small</small>
  12. <br />
  13. This text contains
  14. <sub>subscript</sub>
  15. <br />
  16. This text contains
  17. <sup>superscript</sup>

“计算机输出”标签

此例演示不同的“计算机输出”标签的显示效果。

  1. <code>Computer code</code>
  2. <br />
  3. <kbd>Keyboard input</kbd>
  4. <br />
  5. <tt>Teletype text</tt>
  6. <br />
  7. <samp>Sample text</samp>
  8. <br />
  9. <var>Computer variable</var>
  10. <br />
  11. <p>
  12. <b>注释:</b>这些标签常用于显示计算机/编程代码。
  13. </p>