1. 面向开发者的 Web 技术
  2. HTML（超文本标记语言）
  3. HTML 参考
  4. HTML 元素参考
  5. <tt>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<tt>：电报文本元素

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

<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

规范

规范
HTML
# tt

浏览器兼容性

参见

  • <code>、<var>、<kbd> 和 <samp> 语义化元素
  • 用于显示预格式化文本块的 <pre> 元素

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题