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!
<font size="1"> Artikel nach [ <a href="list-ausg.html">Ausgabe</a> ] <br> Artikel nach [ Thema <a href="list-css.html">CSS</a> - <a href="list-fragen.html">Fragen und Antworten</a> <br> Artikel nach [ Thema <a href="list-js.html">JavaScript</a> - <a href="list-news.html">News</a></font>
Dies liefert auf einem Communicator 4.05 folgende Ausgabe
Nun ändern wir den Source, in dem wir vor dem schließenden font ein Leerzeichen einfügen.
Aus
- <a href="list-news.html">News</a></font>
wird
- <a href="list-news.html">News</a> </font>
und die neue Ausgabe ist
also schon ein deutlich geringerer Zeilenabstand (für die Zeichengröße zudem passender).
Zunächst ohne Space:
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSS
- Fragen und Antworten
Artikel nach [ Thema JavaScript
- News
und jetzt mit Space:
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSS
- Fragen und Antworten
Artikel nach [ Thema JavaScript
- News
Ein Bug in der Layoutmaschine des Communicator? Dann ist der IE auch buggy :-)
Hier ohne Leerzeichen:
und hier mit Leerzeichen:
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.
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> - <span class="cblue">Fragen und Antworten</span> <br> Artikel nach [ Thema <span class="cblue">JavaScript</span> - <span class="cblue">News </span> <hr size="1" />
liefert
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSS
- Fragen und Antworten
Artikel nach [ Thema JavaScript
- News
aber
Artikel nach [ <span class="cblue">Ausgabe</span> ] <br> Artikel nach [ Thema <span class="cblue">CSS</span> - <span class="cblue">Fragen und Antworten</span> <br> Artikel nach [ Thema <span class="cblue">JavaScript</span> - <span class="cblue">News</span><hr size="1" />
liefert
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSS
- Fragen und Antworten
Artikel nach [ Thema JavaScript
- News
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.