Typografie

Typografie im Internet

Für alle, die aus dem klassischen Druckbereich kommen - Internet ist etwas komplett anderes, und wenn der "klassische Drucker" sich nicht von seiner Welt lösen kann, ist er als Webdesigner völlig fehl am Platz!

Anbei ein paar Hinweise, die auf Webseiten weder üblich und oft nicht gangbar sind.

exaktes Layout
vergessen (und zwar sofort) - allein durch die unterschiedlichen Browser und Plattformen (Windows, Mac, Unix) gibt es immer Unterschiede. Zum Beispiel werden auf dem Mac i. d. R. die Schriften kleiner dargestellt.

 

Unterschneidungen
haben durchaus ihren Sinn, sind allerdings nicht in der aktuellen Browsergeneration integriert - also vergessen.

 

erzwungene Satzumbrüche zwecks Design
macht wegen der Relativität der Darstellung eigentlich keinen Sinn und wird von manchen Webdesignern meistens nur gemacht, damit der Kunde nicht weiter nervt. Wir sprechen hier nicht von Absätzen, die den Text gliedern!

 

Trennstrich, Gedankenstrich, Geviertstrich

Trennstrich -

Trennstriche (Divis, Bindestriche) werden nur zwischen Kuppelwörtern verwendet. Auf keinen Fall, um ein Wort für einen Umbruch auf die nächste Zeile zu trennen. Das ist eine Todsünde!

Der Trennstich muss nicht speziell eingegeben werden - es wird das Minuszeichen verwendet.

Gedankenstrich –

Auf den meisten Internetseiten nicht besonders üblich, da die meisten Menschen keinen Unterschied sehen und durch die Gewohnheit meiner Meinung nach dieser Unterschied auch mehr und mehr verschwinden wird.

Ein Gedankenstrich ist korrekt ein Halbgeviertelstrich - er hat genau die halbe Breite eines Gevierts. Vor und nach diesem ist ein Leerzeichen üblich. Am besten ein geschütztes Leerzeichen (wird nicht getrennt - als HMTL-Tag  )

Als HTML-Tag muss er gesondert ausgezeichnet werden mit dem HTML-TAG – und mit den geschützten Leerzeichen sieht das dann so aus:    –    (viel Spaß dabei :)

Geviertstrich —

Noch unüblicher im Netz - hat die Breite eines vollen Gevierts. Wird als Auslassungszeichen für Centbeträge direkt nach dem Komma gesetzt, also € 12,—

 

Korrekte Gänsefüßchen (An- und Abführungszeichen)

Auch wer hier nach typo korrekte Zeichen haben will, darf mehr arbeiten. Dabei gilt immer zu bedenken, dass je nach Land die Anführungszeichen anders gehandhabt werden :)

Anführungszeichen nach Land:
„in Deutschland“
‚in Deutschland‘

und mehr davon - andere Länder andere Sitten
«Frankreich, Italien, Schweiz»
»Schwedisch«

und sollten Sie noch motiviert sein, dies umzusetzen, die entsprechenden HTML-Tags dazu:

„ „ doppeltes Anführungszeichen
“ “ doppeltes Abführungszeichen
‚ ‚ einfaches Anführungszeichen
‘ ‘ einfaches Abführungszeichen
« « angewinkelte Anführungszeichen links
» » angewinkelte Anführungszeichen rechts

 

Zahlen richtig gesetzt

Als Vereinfachung empfiehlt sich, zwischen den Zahlen ein geschütztes Leerzeichen zu setzen, also als HTML-Tag  

Telefon- und Faxnummern:
werden jeweils von rechts ausgehend in Zweiergruppen aufgeteilt:
Bsp: Telefon (0 70 73) 9 10 16 10

Bankleitzahlen:
werden von links nach rechts in 3er Gruppen aufgeteilt (also 3 3 2)
Bsp: BLZ 300 902 22

Kontonummern:
von rechts nach links in 3er Gruppen
Bsp: Konto 8 412 564 324

größere Zahlen
können zwecks Übersichtlichkeit in 3er Gruppen von rechts gruppiert werden.
Bsp:
8 300 000 Pageviews
340 000 Stammkunden
1 500 Neuanmeldungen

vorheriges Kapitel: Tipps & Tricks
nächstes Kapitel: Bookmarklet
Tipps & TricksSeitenanfangBookmarklet
eBook HTML-Seminar.de
del.icio.usMister Wong         Tipps & TricksSeitenanfangBookmarklet
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de