<tt>: テレタイプテキスト要素 (廃止)

廃止
この機能は廃止されました。まだいくつかのブラウザーで動作するかもしれませんが、いつ削除されてもおかしくないので、使わないようにしましょう。

廃止された HTML テレタイプテキスト要素 (<tt>) は、ユーザーエージェントの既定の等幅フォントで表示される行内文字列を生成します。この要素は、テレタイプ、テキスト専用画面、ラインプリンターのような等幅の表示装置で表示されるテキストとしてスタイルを設定しようとするものです。

等幅フォント や モノスペースフォント は交換可能で同じ意味を持っています。これらは文字の幅がすべて同じピクセル数のフォントを説明する言葉です。

しかし、この要素は廃止されました。等幅フォントで表現する必要がある行内テキストには、より意味的に役立つ <code>, <kbd>, <samp> 要素を使用するか、中身を独自のブロックとして表現する場合は <pre> タグを使用してください。

使用する場面に適切な意味的要素がない場合（例えば、一部のコンテンツを等幅フォントで表示する必要がある場合）は、 <span> 要素を使用し、 CSS を使用して好きに整形することを検討してください。 font-family プロパティは始めるのにいいところです。

コンテンツカテゴリ	フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
許可されている内容	記述コンテンツ
タグの省略	不可。開始と終了タグの両方が必要。
許可されている親要素	記述コンテンツを受け入れるすべての要素
許可されている ARIA ロール	すべて
DOM インターフェイス	`HTMLElement`

属性

この要素にはグローバル属性のみがあります。

例

基本的な例

この例では、 <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> 要素はブラウザーの既定の等幅フォントを使って表示されます。前述の Overriding the default font にある通り、 CSS で tt セレクターを使用した規則を作成することで、これを上書きすることができます。

既定の等幅フォントの設定を変更するユーザー設定が CSS よりも優先することがあります。

この要素は HTML 4.01 では公式には非推奨にされませんでしたが、使用は避けて意味的要素や CSS を使用するとされていました。 <tt> 要素は HTML 5 で廃止されました。

仕様書

仕様書	状態	備考
HTML Living Standard <tt> の定義	現行の標準
HTML5 <tt> の定義	勧告
HTML 4.01 Specification <tt> の定義	勧告

ブラウザーの互換性

Update compatibility data on GitHub

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`tt` 非推奨	Chrome 完全対応あり	Edge 完全対応 12	Firefox 完全対応あり補足完全対応あり補足補足 Before Firefox 4, this element implemented the `HTMLSpanElement` interface instead of the standard `HTMLElement` interface.	IE 完全対応あり	Opera 完全対応あり	Safari 完全対応あり	WebView Android 完全対応あり	Chrome Android 完全対応あり	Firefox Android 完全対応あり補足完全対応あり補足補足 Before Firefox 4, this element implemented the `HTMLSpanElement` interface instead of the standard `HTMLElement` interface.	Opera Android 完全対応あり	Safari iOS 完全対応あり	Samsung Internet Android 完全対応あり

凡例

完全対応: 完全対応
非推奨。新しいウェブサイトでは使用しないでください。: 非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。: 実装ノートを参照してください。