内容模型

[4] 内容としては、基本的に行内要素を持つことができますが、

• img *
• object *
• applet
• big *
• small *
• sub *
• sup *
• font
• basefont

は除外されています (子孫要素とできません)。

HTML 4 によれば、この規定は HTML 3.2 と同じで、 固定幅フォントでレンダリングしたときに行の高さと文字の進み幅が一定になるようにするための制約なのだそうです。

XHTML 1.0 にもこの制約は受け継がれています XHTML 1.0 http://www.w3.org/TR/xhtml1/#prohibitions。 ただし、 * をつけた要素にしか言及されていません。 残りの移行用要素型はどうでもいいってことですか。 (XHTML 1.0 にも Transitional DTD はあるのにねぇ。)

[5] >>4 の目的の達成のためには、 >>3 の bidi についての規定が邪魔に思えるのですけどねぇ。

[13] pre の内容には各種の行内要素が使えますが、 UA の性能によっては、正しくレンダリングされないことがあります。 RFC 1866 5.5.2.

太字でレンダリングした部分で文字幅の計算がずれてまわりと字が重なるとか、 そんなような状況を想定しているのだと思われます。

レンダリング

[3] HTML 4 によれば、

• 視覚 UA は、
  • 空白に手をつけなくてよい (may)
  • 固定幅フォントで文をレンダリングしてもよい (may)
  • 自動語折り返し (word wrap) を無効化してもよい (may)
  • bidi 処理を無効化してはならない (must not)
• 非視覚 UA は、余分な空白を尊重する必要はない (not required)

[6] >>4 の除外要素があるのは、 固定幅フォントで表示したときに行の高さや文字の幅が一定になるようにするためです。 この動作を著者がスタイルシートで変えてしまうことは非推奨 (discourage) です。

[10] RFC 1866 では、 pre 要素は固定幅フォントで整形された文章に適当な要素型であると紹介していました。 RFC 1866 には明記こそされていませんが、 固定幅フォントでの表示が適当であると言っていることは自明です。

[11] UA は width 属性値を参考にして適当な文字の大きさと字下げの量を決めることができます。 RFC 1866 5.5.2. 幅が広ければ左余白を削減するようなことを想定しているようです。

[16] pre の意味は整形済み文であって、固定幅ではありませんが、 歴史的事情を考慮すれば、非固定幅な整形済み文に使用するのは好ましくないでしょう。 (しかしそうなると、非固定幅な整形済み文に使用するべき要素型がなくなってしまいますが・・・。)

[19] pre 要素のスタイル定義とマークアップ - 2xup http://2xup.org/log/2006/09/07-0056 (名無しさん 2006-09-07 00:02:14 +00:00)

例

[15] 整形済み文の例 RFC 1866 5.5.2.

<PRE>
Line 1.
       Line 2 is to the right of line 1.     <a href="abc">abc</a>
       Line 3 aligns with line 2.            <a href="def">def</a>
</PRE>

[7] Shelly の詩『To a Skylark』 HTML 4

<PRE>
       Higher still and higher
         From the earth thou springest
       Like a cloud of fire;
         The blue deep thou wingest,
And singing still dost soar, and soaring ever singest.
</PRE>

レンダリング例:

       Higher still and higher
         From the earth thou springest
       Like a cloud of fire;
         The blue deep thou wingest,
And singing still dost soar, and soaring ever singest.

pre 要素の誕生

[55] 1992-11-21付 www-talk の Jim Whitescarver による投稿によると、 ScreenMode w3 interface の prerelease version が公開されました。 >>54

[56] また、同グループは manual page reader (おそらく man を HTML にして返すゲートウェイサーバー) や HTML を WYSIWYG に編集できる Microsoft Word マクロを開発しました。 >>54

[57] 両機能のために必要であり、 Al Leurck が pre 要素 (と Microsoft Word マクロ) を開発しました。 >>54

[58] pre は ScreenMode s3 interface と Microsoft Word マクロが実装していた他に、 tkWWW X interface にも追加作業中でした。 >>54

[59] それまでも plaintext や xmp があったものの、 ハイパーリンクが使えなかったので新たに pre が必要とされました。

[61] NCSA Mosaic の開発者 Marc Andreessen は直ちにこれに反応して pre は良い考えであり HTML 仕様に追加できないかと発言しています。 >>60

[62] MidasWWW の開発者 Tony Johnson は MidasWWW は設定ファイルの変更だけで対応可能だと方法を示しています。 >>63

[69] これらに対して他の人々は基本アイデアには賛同しつつ、 要素名や構文に別案を出し始めます。 Tim Berners-Lee は fixed という名前がいいかもしれないといい >>64、 別構文案を踏まえて挙動が違う pre, fixed の共存案も提出します >>67 が、 Dan Connolly は挙動が違う fixed に難色を示します >>68。

[80] しかし1992-11-24付の Dan Connolly の html.dtd には fixed 要素(だけ)があります。 >>78

[71] 1992-12-01に公開された Dan Connolly 版の HTMLの仕様書は typewriter 要素(だけ)を含んでいました。 >>70, >>67, >>68, >>81

[82] 1992-12-01付の >>67 が公開したと書いているが、 >>70 の日付は1992-11-30。前日に DanC が tar 玉にしたものを翌日になって TimBL がサーバーに置いたということか。

[84] この typewriter は、 pre 案をもとに nroff man page から着想を得た要素名だと説明されています。 >>133

[85] しかし1992-12-02 (公開: 1992-12-04) には typewriter から pre に改められました。新しいものを作るのではなく出てきたものを踏襲する方針に変えたのだと説明されています。 >>83

[47] fixed 要素は西暦1992年1992頃の HTML の DTD に載っていました。

[51] >>47 これはどの DTD のことなのか確認できず。 2024-08-30T08:46:18.400Z

[79] >>78 で発見。 >>47 はこれのことなのか?

[48] また WorldWideWeb にも実装されていました。

[53] >>48 どうやら中途半端だったらしい >>50。あるいはちゃんと実装されていた版もあるのだろうか?

[76] interactive hypermedia, 2003-08-04T15:50:21.000Z, 2024-09-29T09:30:22.423Z https://lists.w3.org/Archives/Public/www-talk/1992NovDec/0124.html

[77] >>76 インターネットメールによるコメント自動受付インターフェイスで受け取ったデータを fixed で括るという1992-11-27発表の計画。

[50] Inside the Code — WorldWideWeb NeXT Application, CERN, 2020-12-14T20:30:11.000Z, 2024-08-30T08:30:02.969Z https://worldwideweb.cern.ch/code/

Our version of WorldWideWeb was missing code to apply styles to H4, H5, or H6, however by the time of Nexus, that code had been added. Likewise, PRE and FIXED appeared like normal text in WorldWideWeb but were correctly styled in Nexus. (FIXED was in the source code but the tag wasn't parsed—it was only associated with styling.)

[75] WorldWideWeb/NextStep/Implementation/ParseHTML.h at master · cynthia/WorldWideWeb · GitHub, 2024-08-30T15:24:01.000Z https://github.com/cynthia/WorldWideWeb/blob/master/NextStep/Implementation/ParseHTML.h

[49] のちの pre 要素である。

[52] >>49 というのは間違いではないがちょっとニュアンスが違うっぽい。

[95] DanC が nroff man page に inspire された >>133 というのは何を言うのか。

I took the semantics of the PRE tag, added the WIDTH attribute, and
called it TYPEWRITER (inspired by the nroff man page). 

とあって括弧が TYPEWRITER に掛かっているのか、 WIDTH にまで掛かっているのかどうにも不明瞭だが、 TYPEWRITER の方には掛かっていると見るのが妥当。

[96] 現在見られる nroff の man はいくつかあって、いずれも本文中に typewriter-like devices のようなことが書かれているが >>86, >>87, >>88, >>89、 ここから要素名を決めるのかは疑問。

[97] >>91 の Typefaces には、 Typeface として Roman, Sans Serif, Typewriter, troff special の4種類のフォントに対して2文字の符号の割当を示した表がある。 これに近いものが DanC の見たものだろうか。

[98] ファイルに書くのはフォント名ではなく2文字の符号の方だが、 nroff から要素名を取ったのではなく inspired と言っているニュアンスもこういう事情だとすれば納得感がある。

• [86] nroff - CS50 Manual Pages, 2024-09-30T02:08:42.000Z https://manual.cs50.io/1/nroff
  • GNU
• [87] Ubuntu Manpage: nroff - use groff to format documents for TTY devices, Canonical, 2024-09-30T02:09:50.000Z https://manpages.ubuntu.com/manpages/focal/en/man1/nroff.1.html
  • GNU
  • [92] Ubuntu Manpage: groff - front-end for the groff document formatting system, Canonical, 2024-09-30T02:12:41.000Z https://manpages.ubuntu.com/manpages/focal/en/man1/groff.1.html
  • [93] Ubuntu Manpage: groff - a short reference for the GNU roff language, Canonical, 2024-09-30T02:14:04.000Z https://manpages.ubuntu.com/manpages/focal/en/man7/groff.7.html
  • [94] Ubuntu Manpage: groff_font - format of groff device and font description files, Canonical, 2024-09-30T02:14:40.000Z https://manpages.ubuntu.com/manpages/focal/en/man5/groff_font.5.html
• [88] Manual Page - nroff (1b), 2008-04-07T18:42:04.000Z, 2024-09-30T02:10:02.196Z https://heirloom.sourceforge.net/doctools/nroff.1b.html
  • BSD
• [89] nroff Command, 2000-01-13T21:33:16.000Z, 2024-09-30T02:10:28.411Z https://sites.ualberta.ca/dept/chemeng/AIX-43/share/man/info/C/a_doc_lib/cmds/aixcmds4/nroff.htm
  • AIX
  • [90] nroff or troff Input File Format, 2000-01-13T21:25:50.000Z, 2024-09-30T02:11:13.411Z https://sites.ualberta.ca/dept/chemeng/AIX-43/share/man/info/C/a_doc_lib/files/aixfiles/nroff.htm
  • [91] troff Command, 2000-01-13T21:34:03.000Z, 2024-09-30T02:12:13.489Z https://sites.ualberta.ca/dept/chemeng/AIX-43/share/man/info/C/a_doc_lib/cmds/aixcmds5/troff.htm

[18] libwwwは1992年12月11日の1.1版で、当時のHTML仕様に追加されたばかりのpreを実装しました。

• [42] Change history for NextStep WorldWideWeb, 1992-11-25T15:08:01.000Z, 2024-08-14T02:13:44.672Z https://www.w3.org/History/19921103-hypertext/hypertext/WWW/NeXT/Implementation/Features.html

[20] EMail Msg <9212141318.AA03936@www3.cern.ch> (2007-07-02 21:30:38 +09:00 版) http://ksi.cpsc.ucalgary.ca/archives/WWW-TALK/www-talk-1992.messages/453.html

[28] WWWLibrary_1.1 ( (2003-08-10 20:15:53 +09:00 版)) http://lists.w3.org/Archives/Public/www-talk/1992NovDec/0206.html

[44] A Guide to the Internet Connection Servers - SG244805.PDF, 2009-11-28T06:54:29.000Z, 2024-08-18T13:22:08.975Z http://ps-2.kev009.com/rs6000/redbook-cd/SG244805.PDF

[45] >>44 PR タグが解説されているけど説明がどう見ても pre。 pr が実装されていたとも思われず、ただの誤記だろうが...

00年代

[21] コードは<pre>でマークアップするべき ...か? - Archiva (2008-03-09 21:24:10 +09:00 版) http://archiva.jp/web/html-css/sorce_pre_code.html

[35] XHTML2 はコード用の blockcode 要素を提案していました。 (後に HTML5 で pre 要素と code 要素を併用するべきであると決着しました。)

[36] pre 要素の「空白をそのまま表示する」という機能は表示目的であり、 意味を記述するべき HTML には不適切である、と主張する過激派もいました。

HTML Standard

[27] Web Applications 1.0 r5670 Update <br>'s bidi behavior to match WebKit and IE rather than Gecko and Opera.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10828 ( (2010-11-06 05:06:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=5669&to=5670

[29] IRC logs: freenode / #whatwg / 20141022 ( (2014-10-23 01:36:55 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20141022#l-606

[30] Use HTMLPreElement for xmp and listing · whatwg/html@ca31ca2 (2016-04-25 17:08:37 +09:00 版) https://github.com/whatwg/html/commit/ca31ca2fa10f6205d65db7e81db122237036a736

[34] Don't serialize an extra LF in <pre>, <textarea>, <listing> (zcorpan著, 2016-09-24 18:47:14 +09:00) https://github.com/whatwg/html/commit/2aa0000433f8c34263d29cee31bc95b1efdfef46

[37] Editorial: mark up code blocks with their language and <code> (Zirro著, 2018-07-24 05:11:25 +09:00) https://github.com/whatwg/html/commit/a6e54621c0491ef633b0f3c4bd1f71fe72a722d8

[38] Put class=js on all <pre> elements in the spec that are JavaScript code examples · Issue #3753 · whatwg/html (2018-07-26 16:55:21 +09:00) https://github.com/whatwg/html/issues/3753

[39] Use <code> element inside the <pre> elements with code examples · Issue #3764 · whatwg/html (2018-07-26 16:57:11 +09:00) https://github.com/whatwg/html/issues/3764

[40] Add <code> element inside applicable <pre> elements by Zirro · Pull Request #3768 · whatwg/html (2018-07-26 16:58:10 +09:00) https://github.com/whatwg/html/pull/3768