Direkt zum Inhalt springen

Typografische Zeichen in HTML

Striche

Auch Striche werden oft verwechselt. Insbesondere wird der Bindestrich, der sich auf der deutschen Tastatur links neben der rechten Umschalttaste befindet, für alle möglichen Striche missbraucht.

Bezeichnung Beispiel Ergebnis
Bindestrich, Trennstrich H-Milch H-Milch
Gedankenstrich Wort1 – Wort2 Wort1 – Wort2
Streckenstrich Kiel–Berlin Kiel–Berlin
Gegen-Strich Schalke – HSV Schalke – HSV
Bis-Strich 1979–2010 1979–2010
Strich bei Währungsangaben 42,– EUR 42,– EUR

Der deutsche Gedankenstrich (Halbgeviertstrich) lässt sich – bei Verwendung der richtigen Kodierung – unter Windows auch durch Eingabe von 0150 auf dem Ziffernblock bei gedrückter Alt-Taste erzeugen, unter Mac OS X durch gleichzeitiges Drücken der Wahltaste und der Bindestrich-Taste. Bei vielen MS-Windows-Programmen funktioniert auch die Kombination Strg-Taste und „–“ vom Ziffernblock.

Bei nicht-proportionalen Schriftarten, zum Beispiel Courier oder bei alten Schreibmaschinen, empfehlen Typografen, Leerzeichen um den Bis-Strich zu setzen.

 

Leerzeichen

Häufig will man einen Umbruch durch ein Leerzeichen vermeiden. So sieht es meist nicht gut aus, wenn in mehrteiligen Abkürzungen ein Zeilenumbruch erfolgt. Daher verwendet man hier das geschützte Leerzeichen.

Statt des normalen geschützten Leerzeichens ( ) wäre in den folgenden Beispielen teilweise ein schmales geschütztes Leerzeichen ( ) treffender, wird aber von vielen Browsern noch nicht unterstützt. Auch mit dem − (−) haben manche Browser Probleme, sodass dafür fast immer der Bindestrich verwendet wird.

Bezeichnung Beispiel Ergebnis
Abkürzungen z. B. z. B.
Massangaben 100 km, 98 % 100 km, 98 %
Rechenzeichen −2 + 5 · 
1 = 6 : 2
−2 + 5 × 
1 = 6 ÷ 2
−2 + 5 · 1 = 6 : 2

−2 + 5 × 1 = 6 ÷ 2
Zahlen 1 234,567 89 1 234,567 89
Versionsnummern
Abkürzungen, Paragraphen
CSS 2, XHTML 2.0
S. 48: § 11 Abs. 9
CSS 2, XHTML 2.0
S. 48: § 11 Abs. 9