From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/html/element/tt/index.html | 143 ++++++++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 files/ja/web/html/element/tt/index.html (limited to 'files/ja/web/html/element/tt') diff --git a/files/ja/web/html/element/tt/index.html b/files/ja/web/html/element/tt/index.html new file mode 100644 index 0000000000..230812f8f9 --- /dev/null +++ b/files/ja/web/html/element/tt/index.html @@ -0,0 +1,143 @@ +--- +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")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf