<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 |
瀏覽器相容性
載入中…