Webdesign - Webseiten planen, gestalten - Free-Hack Library

Texte im Web
Zeichen HTML Entity
(Name)
HTML Entity
(Zahl)
Unicode
Gedankenstrich
(Halbgeviertstrich) – – 2010
Geschütztes
Leerzeichen     00A0
Typografisches
Anführungszeichen
“ “ 201E
Typ. Anführungszeichen
(Ende)
” ” 201C
Auslassungszeichen
… … 2026
sehen Punkte, Quadrate, Pfeile oder Balken auf der Schriftgrundlinie
aus. Achten Sie darauf, dass diese „ Typosignale“ sich nicht
zu sehr in den Vordergrund drängen und vom Inhalt ablenken.
Aufzählungszeichen sollten möglichst einen formalen Bezug zu
anderen auf der Seite vorkommenden Stilelementen aufweisen
(Abb. 8.4.2b - d).
Grundsätzlich gelten bei Texten im Web die gleichen Regeln des
guten typografischen Gestaltens wie im Printbereich. Das schließt
auch die Verwendung der „ Zeichen der guten Typografie“ ein
wie Halbgeviertstriche als Gedankenstrich, typografische Anführungszeichen,
die Ellipse als Auslassungszeichen, echte Brüche
etc., denn auch diese lassen sich im Web realisieren. Sie werden
als so genannte Entities in den HTML-Code geschrieben oder als
Unicode-Entities in CSS definiert (Abb. 8.4.2e, f).
HTML sieht für Zitate die Elemente und vor. Diese
Elemente kommen auch zum Einsatz, wenn Texte in Anführungszeichen
gesetzt werden sollen. Mit Hilfe von CSS besteht sogar die
Möglichkeit, die Anführungszeichen landestypisch darzustellen
(Abb. 8.4.2g).
Die quotes-Eigenschaft erwartet als Wert zwei in Hochkommata
eingefasste Zeichenketten-Paare. Hierbei steht das erste Paar für das
öffnende und das schließende Anführungszeichen, das zweite Paar
für verschachtelte öffnende und schließende Anführungszeichen,
also Anführungszeichen innerhalb eines Textes der wiederum in
Anführungszeichen steht.
Je nach Sprache werden die Anführungszeichen in den CSS-
Anweisungen wie folgt festgelegt:
:lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en) { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr) { quotes:"\00AB\00A0" "\00A0\00BB"
"\2039\00A0" "\00A0\203A"; }
ASSETDESIGN 8
– Gedankenstrich
z. B.
„Anführungszeichen“
Auslassungsz…
Abb. 8.4.2e, f: Zeichen der „guten Typografie“
und ihre Umsetzung im Web
Abb. 8.4.2g: Typografische Anführungszeichen
im Browser (Grafik: Bensmann)
265