Dlaczego przeglądarka renderuje znak nowej linii jako spację?

Question

najdłużej, chciałem zrozumieć dlaczego przeglądarka dodaje pustą przestrzeń między świadczonych elementów HTML, gdy nie jest nową linią pomiędzy nimi, na przykład:

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

HTML powyżej wyjścia będzie „HelloWorld” ciąg bez przestrzeń pomiędzy „Hello” i „świat”, jednak w poniższym przykładzie:

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

HTML powyżej wyjściowego bĘDZIE „Hello World” string z przestrzeń pomiędzy „On llo "i" Świat ".

Teraz nie mam problemu z zaakceptowaniem, że jest to po prostu sposób, w jaki działa, ale to, co mnie martwi, to to, że zawsze miałem wrażenie, że spacje (lub znaki nowej linii) między elementami HTML nie mają znaczenia w momencie, gdy przeglądarka renderowała HTML użytkownika.

Moje pytanie brzmi, czy ktokolwiek wie, jaka jest filozoficzna lub techniczna przyczyna tego zachowania.

Dziękuję.

Answer 1

Przeglądarki skracają wiele białych znaków (w tym znaki nowej linii) do pojedynczej spacji podczas renderowania. Wyjątek stanowią elementy <pre> lub te, które mają zestaw CSS property white-space ustawiony na pre lub pre-wrap. (Lub w XHTML, atrybut xml:space="preserve").

Answer 2

Jeśli miałbyś znak "a" między dwoma znacznikami, spodziewałbyś się, że zostanie wyrenderowany. W tym przypadku masz znak "\ n" między dwoma znacznikami; zachowanie jest analogiczne i spójne ("\ n" jest renderowane jako pojedynczy biały znak).

Answer 3

HTML jest określony to zrobić tak:

Podziały wierszy są również białe miejsca znaków

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

Answer 4

Biała spacja między elementami blokowymi są ignorowane. Jednak spacje między elementami śródliniowymi są przekształcane w jedną przestrzeń. Rozumowanie jest takie, że elementy śródliniowe mogą być przeplatane regularnym wewnętrznym tekstem elementu nadrzędnego.

Rozważmy następujący przykład:

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

W idealnym przypadku, chcesz użytkownikowi zobaczyć

This is my colored Hello World example 

Usuwanie spacji między dwoma przęsłami jednak spowodowałoby:

This is my colored HelloWorld example 

Ale ta sama próbka może zostać przepisana przez autora (z OCD o formaterii HTML ng :-)) as:

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

Byłoby lepiej, gdyby to zostało wykonane konsekwentnie z poprzednim przykładem.

Answer 5

Przeglądarki pomylisz się tutaj:

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

SGML (zobacz [ISO8879], sekcja 7.6.1) określa, że ​​linia przerwać natychmiast po znacznik startu musi być ignorowane, ponieważ muszą przerwa linia bezpośrednio przed tagiem końcowym. Dotyczy to wszystkich elementów HTML bez wyjątku.