HTML <code> 标签

定义和用法

<code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。<code> 标签就是为他们设计的。包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和 CtrlASD.com 的用户来说,这应该是十分熟悉的。

只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用 <code> 标签。虽然 <code> 标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。将来的浏览器有可能会加入其他显示效果。例如,程序员的浏览器可能会寻找 <code> 片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。

提示和注释

提示:如果只是希望使用等宽字体的效果,请使用 <tt> 标签。或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用 <pre> 标签。

短语元素

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

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

标签 描述
<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>