なぜブラウザは改行をスペースとしてレンダリングするのですか？

Question

は、最も長い時間のために、私は、例えば、それらの間に改行がある場合にブラウザがレンダリングされたHTML要素の間の空きスペースを追加する理由を理解するために思っている：

<span>Hello</span><span>World</span> 

HTMLが出力されます上記の「HelloWorldのを」「こんにちは」と「世界」の間にスペースのない文字列、しかし次の例では：

<span>Hello</span> 
<span>World</span> 

意志の出力A「Hello World」の「の間にスペースを持つ文字列上記のhtml彼「llo」と「World」です。

これはちょうどそれが動作する方法であることを受け入れても問題はありませんが、私が少しバグがあるのは、html要素間のスペース（または改行）が問題ではないという印象を常に受け​​ていたことですブラウザがhtmlをユーザにレンダリングした時点で。

私の質問は誰もがこの動作の背後にある哲学的または技術的理由を知っている場合です。

ありがとうございます。

Answer 1

ブラウザは、レンダリング時に複数の空白文字（改行を含む）を1つのスペースに圧縮します。唯一の例外は<pre>要素内またはCSS property white-spaceがpreまたはpre-wrapに設定されている要素です。 （XHTMLの場合はxml:space="preserve"属性）

Answer 2

2つのタグの間に 'a'という文字がある場合、そのタグがレンダリングされると考えられます。この場合、2つのタグの間に文字 '\ n'があります。その動作は類似しており、一貫性があります（ '\ n'は単一の空白としてレンダリングされます）。

Answer 3

HTMLがそのようにそれを行うために指定されている：

改行はブロック要素間の空白は無視され

http://www.w3.org/TR/REC-html40/struct/text.html#h-9.1

Answer 4

も空白文字です。しかし、インライン要素間の空白は1つの空間に変換されます。その理由は、インライン要素が親要素の通常の内部テキストに散在している可能性があるということです。

は、以下の例を考えてみます

This is my colored HelloWorld example 

：理想的な場合には

<p>This is my colored <span class="red_text">Hello</span> <span class="blue_text">World</span> example</p> 

を、ユーザーがしかしにつながる2つのスパン間の空白を削除

This is my colored Hello World example 

を見たいです

しかし、同じサンプルは、著者によって書き直すことができます（HTMLフォーマットについてのOCD ng :-)）：

<p> 
    This is my colored 
    <span class="red_text">Hello</span> 
    <span class="blue_text">World</span> 
    example 
</p> 

これが前の例と一貫してレンダリングされた方が良いでしょう。

Answer 5

ブラウザは、ここでミスを犯す：

http://www.w3.org/TR/html4/appendix/notes.html#h-B.3.1

SGMLは（[ISO8879]、セクション7.6.1を参照してください）改行がなければならないとすぐに開始タグを次の行ブレークが、無視されなければならないことを指定します終了タグの直前。これはすべてのHTML要素に例外なく適用されます。