<tt>:电传打字机文本元素
已弃用: 不再推荐使用此功能。尽管某些浏览器可能仍然支持它,但它可能已从相关的 Web 标准中删除,或者正在被弃用,或者仅出于兼容性目的而保留。避免使用它,并在可能的情况下更新现有代码;请参阅本页面底部的兼容性表 以指导您的决策。请注意,此功能可能随时停止工作。
<tt>
元素用于创建内联文本,并使用HTML的用户代理默认等宽字体显示。此元素是为了渲染文本在固定宽度显示器(如电传打字机、纯文本屏幕或行式打印机)上的显示效果而创建的。
术语非比例、单型和等宽可以互换使用,并且具有相同的含义:它们描述了一种字体,其所有字符的宽度都相同。
但是,此元素已过时。您应该使用语义上更有帮助的 <code>
、<kbd>
、<samp>
或 <var>
元素来显示需要以等宽字体呈现的内联文本,或者使用 <pre>
标签来显示应作为单独块呈现的内容。
注意:如果这些语义元素都不适合您的用例(例如,如果您需要以非比例字体显示某些内容),则应考虑使用 <span>
元素,并使用 CSS 对其进行样式设置。 font-family
属性是一个不错的起点。
属性
此元素仅包含全局属性
示例
基本示例
此示例使用 <tt>
显示输入到终端应用程序并由其输出的文本。
<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
tt {
font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
}
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 中已过时。
技术摘要
规范
规范 |
---|
HTML 标准 # tt |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。