--- title: ': テレタイプテキスト要素 (廃止)' slug: Web/HTML/Element/tt tags: - Element - HTML - Monospace - Monotype - Non-proportional Type - Obsolete - Reference - Teletype - Teletype Text - Web - font-family - tt translation_of: Web/HTML/Element/tt ---
{{HTMLRef}}{{obsolete_header}}

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

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

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

使用する場面に適切な意味的要素がない場合（例えば、一部のコンテンツを等幅フォントで表示する必要がある場合）は、 {{ HTMLElement("span") }} 要素を使用し、 CSS を使用して好きに整形することを検討してください。 {{cssxref("font-family")}} プロパティは始めるのにいいところです。
コンテンツカテゴリ フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
許可されている内容 記述コンテンツ
タグの省略 {{no_tag_omission}}
許可されている親要素 記述コンテンツを受け入れるすべての要素
許可されている ARIA ロール すべて
DOM インターフェイス {{domxref("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>

結果

{{EmbedLiveSample("Basic_example", 650, 80)}}

既定のフォントの上書き

行う必要はありませんが、ブラウザーが許可していれば、ブラウザーの既定のフォントを上書きすることができます。 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>

結果

{{EmbedLiveSample("Overriding_the_default_font", 650, 80)}}

使用上のメモ

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

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

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

仕様書

仕様書 状態 備考
{{SpecName('HTML5 W3C', 'obsolete.html#elementdef-tt', '<tt>')}} {{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<tt>')}} {{Spec2('HTML4.01')}}

ブラウザーの互換性

{{Compat("html.elements.tt")}}

関連情報