<tt>:电报文本元素
已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性,并更新现有的代码;参见本页面底部的兼容性表格以指导你作出决定。请注意,该特性随时可能无法正常工作。
<tt>
HTML 元素创建行级文本,该文本使用用户代理默认的等宽字体。该元素用于将文本呈现在固定宽度的显示设备(如电传打字机、纯文本屏幕或行式打印机)上。
非比例字体、蒙纳字体和等宽字体这些术语可以互换使用,具有相同的通用含义:它们描述的是字符宽度均为相同像素数的字体。
然而,此元素已过时,对于需要以等宽类型呈现的行级文本,应使用更具语义化的 <code>
、<kbd>
、<samp>
或 <var>
元素,而对于应作为单个块呈现的内容,应使用 <pre>
标签。
备注:如果上述语义元素均不符合你的应用场景(例如,你需要以非比例字体展示某些内容),可考虑使用 <span>
元素,并通过 CSS 进行相应样式设置。font-family
属性是一个不错的起点。
属性
这个元素只包含全局属性。
示例
基本示例
此示例使用 <tt>
以模拟终端应用程序中输入及输出的文本。
<p>
在 telnet 命令提示符下输入以下内容:<code>set localecho</code><br />
telnet 客户端将显示:<tt>Local Echo is on</tt>
</p>
结果
覆盖默认字体
你可以通过 CSS 覆盖浏览器的默认字体——前提是浏览器允许这样做,尽管这不是浏览器必须提供的功能:
CSS
tt {
font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
}
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 中已过时。
技术概要
规范
Specification |
---|
HTML Standard # tt |
浏览器兼容性
BCD tables only load in the browser