<tt>:打字机文本元素

已弃用:此特性不再推荐。虽然某些浏览器可能仍然支持它,但它可能已经从相关的网络标准中删除,可能正在删除过程中,或者可能仅为兼容性目的而保留。请避免使用它,如果可能,请更新现有代码;请参阅本页底部的兼容性表格以指导您的决策。请注意,此特性可能随时停止工作。

<tt> HTML 元素创建一个内联文本,该文本使用用户代理的默认等宽字体显示。该元素创建的目的是渲染文本,就像它在固定宽度的显示器上显示一样,例如打字机、纯文本屏幕或行式打印机。

术语非比例单倍字重等宽可以互换使用,并且具有相同的通用含义:它们描述了一种字体的字形,其中所有字符的像素宽度都相同。

然而,该元素已过时。您应该使用更具语义意义的 <code><kbd><samp><var> 元素来显示需要以等宽字体呈现的内联文本,或者使用 <pre> 标签来显示应作为单独块呈现的内容。

注意:如果上述语义元素不适合您的用例(例如,如果您需要以非比例字体显示某些内容),您应该考虑使用 <span> 元素,并使用 CSS 按需设置其样式。 font-family 属性是一个不错的起点。

属性

该元素仅包含全局属性

示例

基本示例

此示例使用 <tt> 显示在终端应用程序中输入和输出的文本。

html
<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

结果

覆盖默认字体

您可以使用 CSS 覆盖浏览器默认的字体,如果浏览器允许您这样做的话(浏览器并不强制要求这样做)。

CSS

css
tt {
  font-family: "Lucida Console", "Menlo", "Monaco", "Courier New", monospace;
}

HTML

html
<p>
  Enter the following at the telnet command prompt:
  <code>set localecho</code><br />

  The telnet client should display: <tt>Local Echo is on</tt>
</p>

结果

用法说明

默认情况下,<tt> 元素使用浏览器默认的非比例字体进行渲染。您可以通过使用 tt 选择器创建规则来使用 CSS 覆盖此设置,如上面覆盖默认字体示例所示。

注意:用户对默认等宽字体设置的更改可能会优先于您的 CSS。

尽管此元素在 HTML 4.01 中并未被正式弃用,但其使用被鼓励用语义元素和/或 CSS 取代。<tt> 元素在 HTML 5 中已过时。

技术摘要

内容类别 流式内容语句内容、明显内容。
允许内容 短语内容.
标签省略 无,起始标签和结束标签都必须存在。
允许父级 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

规范

规范
HTML
# tt

浏览器兼容性

另见