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 dasgleiche wie
-Dies ist ein Test
liefert dasgleiche wie
-Dies ist ein <b> </b> Test
wie man sieht
|
Aber wie so oft gilt: Keine Regel, ohne Ausnahme. 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> - <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>
Communicator
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).
Ihr Browser
Zunächst ohne Space:
|
und jetzt mit Space:
|
Ein Bug in der Layoutmaschine des Communicator? Dann ist der IE auch buggy :-)
IE
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? Sagen Sie es mir bitte (http://brauchbar.de/contact.php?subject=spaceornot). Opera macht es übrigens auch so.
Übrigens
tritt der Effekt scheinbar nur auf,
wenn nach dem schließenden font nichts mehr kommt.
Lassen Sie dort jeweils eine horizontale Linie erzeugen
(z.B.<hr size="1">), dann ist es beidesmal der
geringe Abstand.
Denn
<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> <hr size="1">
liefert
|
aber
<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><hr size="1">
liefert
|
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.
Verwandte Artikel und Seiten
- HTML für Einsteiger - Teil 3 (Text in HTML)
- HTML für Einsteiger - Teil 5 Blockorientierte Elemente
- sonstige HTML-Artikel.
Diese Site anlinken. Artikel zu CSS | HTML | JavaScript | Perl | Usability | Sonst. | nach Ausgabe.
Copyright © 1999-2012 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei 1 und 1.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Linken Sie bitte zu der festen Adresse http://www.brauchbar.de/wd/artikel/34.html .