<tt>:电传打字机文本元素

已弃用: 不再推荐使用此功能。尽管某些浏览器可能仍然支持它,但它可能已从相关的 Web 标准中删除,或者正在被弃用,或者仅出于兼容性目的而保留。避免使用它,并在可能的情况下更新现有代码;请参阅本页面底部的兼容性表 以指导您的决策。请注意,此功能可能随时停止工作。

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

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

尽管此元素在 HTML 4.01 中没有正式弃用,但建议不要使用它,而是使用语义元素和/或 CSS。<tt> 元素在 HTML 5 中已过时。

技术摘要

内容类别 流内容短语内容、可感知内容。
允许的内容 短语内容.
标签省略 无,开始和结束标签都是必须的。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任何
DOM 接口 HTMLElement

规范

规范
HTML 标准
# tt

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅