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