To space or not to space?

von Thomas Salvador.

Wenn Sie die Artikel der Reihe "HTML für Einsteiger" gelesen haben (oder bereits HTML kennen), so wissen Sie, dass Sie in HTML mit Leerzeichen um gehen können, wie auch immer Sie möchten.

Lediglich in der vorformatierten Umgebung pre werden diese beachtet. Ansonsten werden ein oder mehrere Leerzeichen wie ein Leerzeichen aufgefasst. Im Fließtext so ausgegen, ansonsten ignoriert, Punkt.

Beispiel:

- Dies ist ein Test

liefert das gleiche wie

- Dies     ist  ein              Test

liefert das gleiche wie

- Dies     ist  ein  <b> </b>    Test

wie man sieht

- Dies ist ein Test
- Dies ist ein Test
- Dies ist ein Test

Aber wie so oft gilt: "Keine Regel, ohne Ausnahme.%quot; Sehen Sie selbst!

Source

<font size="1">
Artikel nach [ <a href="list-ausg.html">Ausgabe</a> ] <br>
Artikel nach [ Thema <a href="list-css.html">CSS</a>
-&nbsp;<a href="list-fragen.html">Fragen und Antworten</a> <br>
Artikel nach [ Thema <a href="list-js.html">JavaScript</a>
-&nbsp;<a href="list-news.html">News</a></font>

Communicator

Dies liefert auf einem Communicator 4.05 folgende Ausgabe

Ausgabe Communicator ohne Space

Nun ändern wir den Source, in dem wir vor dem schließenden font ein Leerzeichen einfügen.

Aus

-&nbsp;<a href="list-news.html">News</a></font>

wird

-&nbsp;<a href="list-news.html">News</a> </font>

und die neue Ausgabe ist

Ausgabe Communicator mit Space

also schon ein deutlich geringerer Zeilenabstand (für die Zeichengröße zudem passender).

Ihr Browser

Zunächst ohne Space:

Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews

und jetzt mit Space:

Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews

Ein Bug in der Layoutmaschine des Communicator? Dann ist der IE auch buggy :-)

IE

Hier ohne Leerzeichen:

Ausgabe IE ohne Space

und hier mit Leerzeichen:

Ausgabe IE mit Space

Eine wirkliche Begründung habe ich nicht dafür, denn eigentlich sollte dieses zusätzliche Space vor dem schließenden font lediglich ein Leerzeichen nach 'News' erzeugen, was hier freilich gänzlich egal ist.

Wissen Sie, woran das liegt?

Opera macht es übrigens auch so.

Übrigens

Der Effekt tritt scheinbar nur auf, wenn nach dem schließenden font nichts mehr kommt.

Lassen Sie dort jeweils eine horizontale Linie erzeugen zum Beispiel

<hr size="1" />
dann ist es beidesmal der geringe Abstand.

Denn

Artikel nach [ <span class="cblue">Ausgabe</span> ] <br>
Artikel nach [ Thema <span class="cblue">CSS</span>
-&nbsp;<span class="cblue">Fragen und Antworten</span> <br>
Artikel nach [ Thema <span class="cblue">JavaScript</span>
-&nbsp;<span class="cblue">News </span>
<hr size="1" />

liefert

Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews


aber

Artikel nach [ <span class="cblue">Ausgabe</span> ] <br>
Artikel nach [ Thema <span class="cblue">CSS</span>
-&nbsp;<span class="cblue">Fragen und Antworten</span> <br>
Artikel nach [ Thema <span class="cblue">JavaScript</span>
-&nbsp;<span class="cblue">News</span><hr size="1" />

liefert

Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews


Sie sollten bei letzterem wieder einen geringeren Zeilenabstand zwischen den letzten Zeilen bemerken. Jedenfalls ist das auf dem Communicator so. Sie sehen also 'To Space Or Not To Space IS a Question'.

Viel Spaß beim Ausprobieren.