<tt>:電傳打字機文字元素

已棄用: 不再推薦使用此功能。儘管某些瀏覽器可能仍然支援它,但它可能已從相關的 Web 標準中刪除,或者正在被棄用,或者僅出於相容性目的而保留。避免使用它,並在可能的情況下更新現有程式碼;請參閱本頁面底部的相容性表 以指導您的決策。請注意,此功能可能隨時停止工作。

<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", 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> 元素預設情況下使用瀏覽器的預設非比例字型進行渲染。您可以使用 CSS 透過建立使用 tt 選擇器的規則來覆蓋此設定,如上文 覆蓋預設字型 示例中所示。

注意:使用者配置的預設等寬字型設定更改可能優先於您的 CSS。

儘管此元素在 HTML 4.01 中沒有正式棄用,但建議不要使用它,而是使用語義元素和/或 CSS。<tt> 元素在 HTML 5 中已過時。

技術摘要

內容類別 流內容短語內容、可感知內容。
允許的內容 短語內容.
標籤省略 無,開始和結束標籤都是必須的。
允許的父元素 任何接受短語內容的元素。
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

規範
HTML 標準
# tt

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱