[1] HTMLのtt要素は、その内容がテレタイプ調に (固定幅フォントで) レンダリングされるかもしれないものです。

[2] 仕様書:

HTML 4
- 15.2.1 Font style elements: the TT, I, B, BIG, SMALL, STRIKE, S, and U elements IW:HTML4:"present/graphics.html#edef-TT"

[3]

状態

W3C 勧告 (おすすめしない)

局所名

tt (Teletype textあるいはtypewriter textより)

名前空間URI

http://www.w3.org/1999/xhtml

開始タグ

必須

終了タグ

必須

内容模型

(%inline;)*

出現できる文脈

%inline な文脈

属性

属性名	属性値	既定値	説明	出典
`class`			級	[HTML4] %coreattr
`dir`			書字方向	[HTML4] %i18n
`id`			一意識別子	[HTML4] %coreattr
`lang`			自然言語	[HTML4] %i18n
`xml:lang`			自然言語	[XHTML1]
`onclick`				[HTML4] %events
`ondblclick`				[HTML4] %events
`onkeydown`				[HTML4] %events
`onkeypress`				[HTML4] %events
`onkeyup`				[HTML4] %events
`onmousedown`				[HTML4] %events
`onmousemove`				[HTML4] %events
`onmouseout`				[HTML4] %events
`onmouseover`				[HTML4] %events
`onmouseup`				[HTML4] %events
`style`			スタイル情報	[HTML4] %coreattr
`title`			注釈的題	[HTML4] %coreattr

[12] 要素型の説明で、HTML 2.0 (RFC 1866) の本文およびHTML 4ではteletype、HTML 2.0 DTD ではtypewriterという表現が使われています。 HTMLの解説の類でも、どちらの言葉を使っているかはばらばらです。

実際問題、どちらであってもほとんど同じようなものですが。

代替

[8] この要素型は非推奨deprecatedではありませんが、 推奨されませんdiscouraged HTML 4 15.2。代わりに、スタイル・シートを利用できます。

[9] CSS なら font-family 特性 (特に、鍵語monospace) を利用できます。

HTML でのマーク付けにおいても、 teletype 調にしたい理由により、 code, samp, kbd, pre など、他に適切な要素型があるかもしれません。

レンダリング

[4] tt 要素は、フォント・スタイル要素の一種です。フォント・スタイル要素のレンダリングは UA 依存で、仕様書では規定されていませんが、参考informativeとして、 teletype・単一幅でレンダリングするとされています。他のフォント・スタイル要素も含めて入れ子の場合のレンダリングは UA 依存です。 HTML 4 15.2.1

[5] tt はいわゆる物理要素で、論理的・構造的意味は持たないのですが、単一幅という物理的意味さえ伝わることが保証されないということです。

[13] 実際、テキスト・ブラウザや携帯電話のWebブラウザなど、ttのレンダリングが通常の文字列と区別がつかないものが多く存在しています。

不思議解釈

[11] 稀に、なぜかTrueType textをあらわす要素型だと紹介されます。

例えば: Bravenet Webmaster Resource Center - Quick References - HTML (2005年12月現在) http://resources.bravenet.com/quickref/html-html_tag_list-tt

[21] About TT and XHTML 2.0: requesting a NOTE tag from David Latapie on 2006-07-07 (www-html-editor@w3.org from July to September 2006) http://lists.w3.org/Archives/Public/www-html-editor/2006JulSep/0011

note に近い意味だから削除されては困るっていってるよ。。。

例

[10] 関数名をマークした例

(the <tt>visit()</tt> function sets only the pixel at the
specified row and column, not the whole rectangle)

本来このような場合には code 要素型を使用するべきです。

出典: Portable Network Graphics (PNG) Specification (Second Edition) http://www.w3.org/TR/2003/REC-PNG-20031110/#13Progressive-display

メモ

[22] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( (2014-04-07 05:39:48 +09:00 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L1026