<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 Standard
# tt

浏览器兼容性

BCD tables only load in the browser

参见