brauchbar.de - WebDesign, Programmierung,Development in HTML, CSS, Javascript, PHP, Perl und mehr

[ Startseite | Artikel : HTML · JavaScript · CSS · Perl · Usability · Sonstiges | Services | Über ]


verwandte Artikel und Seiten

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

Ausgabe auf Ihrem Browser
- Dies ist ein Test
- Dies ist ein Test
- Dies ist ein Test

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>
-&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:

Ausgabe auf Ihrem Browser
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews

und jetzt mit Space:


Ausgabe auf Ihrem Browser
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? 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>
-&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>
<hr size="1">

liefert

Ausgabe auf Ihrem Browser
Artikel nach [ Ausgabe ]
Artikel nach [ Thema CSSFragen und Antworten
Artikel nach [ Thema JavaScriptNews

aber

<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><hr size="1">

liefert

Ausgabe auf Ihrem Browser
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.


Verwandte Artikel und Seiten



brauchbar web
Diese Site anlinken. Artikel zu CSS | HTML | JavaScript | Perl | Usability | Sonst. | nach Ausgabe.

Copyright © 1999-2015 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei all-inkl.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.

zum Inhaltsverzeichnis der 6. Ausgabe.

Linken Sie bitte zu der festen Adresse http://www.brauchbar.de/wd/artikel/34.html .