<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 中已過時。

技術摘要

內容類別 流式內容語句內容、明顯內容。
允許內容 短語內容.
標籤省略 無,起始標籤和結束標籤都必須存在。
允許父級 任何接受短語內容的元素。
允許的 ARIA 角色 任意
DOM 介面 HTMLElement

規範

規範
HTML
# tt

瀏覽器相容性

另見