<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", 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

仕様書

Specification
HTML
# tt

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
tt
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.
See implementation notes.

関連情報