<tt>:电报文本元素

已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性,并更新现有的代码;参见本页面底部的兼容性表格以指导你作出决定。请注意,该特性随时可能无法正常工作。

<tt> HTML 元素创建行级文本,该文本使用用户代理默认的等宽字体。该元素用于将文本呈现在固定宽度的显示设备(如电传打字机、纯文本屏幕或行式打印机)上。

非比例字体蒙纳字体等宽字体这些术语可以互换使用,具有相同的通用含义:它们描述的是字符宽度均为相同像素数的字体。

然而,此元素已过时,对于需要以等宽类型呈现的行级文本,应使用更具语义化的 <code><kbd><samp><var> 元素,而对于应作为单个块呈现的内容,应使用 <pre> 标签。

备注: 如果上述语义元素均不符合你的应用场景(例如,你需要以非比例字体展示某些内容),可考虑使用 <span> 元素,并通过 CSS 进行相应样式设置。font-family 属性是一个不错的起点。

属性

这个元素只包含全局属性

示例

基本示例

此示例使用 <tt> 以模拟终端应用程序中输入及输出的文本。

html
<p>
  在 telnet 命令提示符下输入以下内容:<code>set localecho</code><br />

  telnet 客户端将显示:<tt>Local Echo is on</tt>
</p>

结果

覆盖默认字体

你可以通过 CSS 覆盖浏览器的默认字体——前提是浏览器允许这样做,尽管这不是浏览器必须提供的功能:

CSS

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

HTML

html
<p>
  在 telnet 命令提示符下输入以下内容:<code>set localecho</code><br />

  telnet 客户端将显示:<tt>Local Echo is on</tt>
</p>

结果

使用说明

<tt> 元素默认使用浏览器的默认非比例字体。你可以通过创建使用 tt 选择器的规则来覆盖此设置,如上方示例覆盖默认字体所示。

备注: 用户对默认等宽字体设置所做的自定义更改可能优先于你的 CSS 样式。

尽管 HTML 4.01 并未正式废弃该元素,但还是不鼓励使用它(因为有语义化元素或 CSS)。<tt> 元素在 HTML 5 中已过时。

技术概要

内容分类 流式内容短语内容、可感知内容。
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

规范

Specification
HTML
# tt

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
tt
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.
See implementation notes.

参见