hamashun.com

前回の記事、li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.comを書くために空白類文字について調べたら、記事に必要な内容以上の知識を得ました。
また、ブクマコメントで言及を頂いたので、続編記事を書きます。

連続した空白類文字

ユースケさんのブクマコメントの内容です。

ちなみにどんなに改行や空白が連続してあっても、1つの空白として認識する（はず。あんまし覚えてないけど確かそうだったはず）

これはHTML4.01仕様書の9.1 空白類の節に載っていて、まさにそのとおりでした。

ここで、ソース文書中で語間に空白類が複数連なっている場合、PRE要素を除いて、レンダリング結果の語間スペース調整は全く異なるものになるという点に注意されたい。特にユーザエージェントは、語間スペースの出力処理に際しては、連続する空白類の入力があった場合は1つにまとめてしまう必要がある。

はじめてHTMLをさわった人の多くが不思議に思う、半角スペースをたくさん入力しても反映されない件は、この仕様によるものです。

インライン・匿名インラインボックス内の改行でも、空白類文字が描画されないケース

前回の記事の結論で次のように書きました。

インライン及び匿名インラインボックス内で改行をすると、空白類文字（半角スペース）が表示される。

しかし、実はこれにあてはまらないケースが存在します。
例えば次のようなコードの場合です。

<div>
てってってーてってっててー
</div>

このような、開始タグの直後や終了タグの直前で改行しているコードは、よく見かけます。
この改行は匿名インラインボックス内での改行に思えますが、ブラウザ上で確認すると空白類文字は描画されていません。

この動作も、仕様書によって指定されたものです。

SGMLの行区切り規則への抵触や、現存する実装間の矛盾を回避するため、著者は、ユーザエージェントが開始タグ直後または終了タグ直前の空白類をレンダリングするとは期待しないようにすべきである。

この仕様を知っておかないと、逆に「入れたはずの半角スペースが描画されない」というトラブルも起こりえますね（レアケースでしょうけど）。

北村さんより頂いた言及への返信

北村さんよりブクマコメントで頂いた言及です。

『この分割された面』は、インラインボックスの途中で(br要素により)改行された部分のことなのでは。この図の通り→ http://www.mozilla.gr.jp/standards/webtips0015.html#c1_5_1

言及元記事の引用先の問題の部分（複雑＞＜）は次のようになっています。

例として以下のものがあります。

• a
• abbr
• acronym
• b
• bdo
• big
• cite
• code
• dfn
• em
• i
• kbd
• label
• q
• samp
• small
• span
• strong
• sub
• sup
• tt
• var

上記の例にあるように、要素中に改行が混じるとやや複雑な形で表示されます。

この上記の例というのは、インライン要素が並んでいる部分を指していると思うのですが、そのコード部分はli要素一つごとに改行されているだけで、br要素は登場していません。

なので、ここだけを見ると、br要素による改行ではなく行区切り類による改行を指しているのではないかと思ってしまうのですが、北村さんのコメント内にあるリンク先を見ると確かにbr要素による改行を指しているように思えます。

両方を読んだ結果、br要素による改行と行区切り類による改行の両方を指しているのではないか、と思えました。

あーでも、要素中に改行が混じるとやや複雑な形で表示されますの"要素中"って要素の中というようにも思えるので、要素の外で改行をしている場合はあてはまらないような気もしてきました。 それにそもそも、"やや複雑な形"というのも具体的に何が複雑なのかよく分からない…。 うーむ。