<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 的瀏覽器中載入。