Text­formatierung und Typo­grafie mit HTML 5

Textauszeichnungen

Fließtext

In der traditionellen Typografie werden für Fließtext die Textauszeichungen Fettsatz, Kursivsatz, Kapitälchensatz und Sperrsatz verwendet. Erlaubt die Darstellung auch Graustufen oder Farbe, kann Text auch durch die Schriftfarbe oder eine Hinterlegung ausgezeichnet werden.

Weiterhin kann Text auch durch eine andere Schriftart oder eine unterschiedliche Schriftgröße hervorgehoben werden.

Typografisch missbilligte oder veraltete Auszeichungen sind Unterstreichungen und Versalsatz.

HTML 5 stellt für das Webdesign noch weitere Auszeichnungsmöglichkeiten zur Verfügung. Dazu gehören die Kennzeichnungen von Computercode, Kurzzitaten und Werktiteln.

Satzzeichen, die zum ausgezeichneten Textteil gehören, werden mit ausgezeichnet. Aufzählungskommas, die zwischen zwei ausgezeichneten Textteilen stehen, werden mit ausgezeichnet. Satzzeichen, die zum umgebenden Satz gehören, werden nicht ausgezeichnet. Wenn der gesamte Inhalt innerhalb von Anführungszeichen oder Klammern ausgezeichnet ist, werden auch die umschließenden Zeichen ausgezeichnet. Wenn nur ein Teil des Inhalts ausgezeichnet ist, werden die umschließenden Zeichen nicht ausgezeichnet – auch dann nicht, wenn das ausgezeichnete Wort direkt am Anfang oder Ende steht.

Wilhelm Raabe schrieb Das Odfeld, einen historischen Roman.

Das Odfeld, ein historischer Roman, ist von Wilhelm Raabe.

Das Odfeld, Altershausen, Hastenbeck, alles historische Romane, sind von Wilhelm Raabe.

Das Odfeld, Altershausen, Hastenbeck und Die Chronik der Sperlingsgasse, alles historische Romane, sind von Wilhelm Raabe.

Ein Roman von Wilhelm Raabe (genannt Das Odfeld) spielt im Siebenjährigen Krieg.

Wilhelm Raabes Roman (Das Odfeld) spielt im Siebenjährigen Krieg.

Übliche Textauszeichnungen

Typografisch unübliche Textauszeichnungen

Bedeutungstragende Textformatierung

Spezielle Textauszeichnungen in HTML 5

Absatzauszeichnungen

Ein Absatz ist eine zusammenhängende Gruppe von Sätzen, die inhaltlich eine Einheit bilden und typografisch vom vorherigen und folgenden Text getrennt sind. Er behandelt genau einen Gedanken, ein Thema oder einen Aspekt. Ein Absatz beginnt, wenn ein neuer Gedanke einsetzt, und endet, wenn dieser abgeschlossen ist.

In HTML werden Absätze durch das Markierungszeichen <p> begonnen und mit </p> wieder beendet. Unicode stellt für das Absatzende den Absatztrenner U+2029 bereit, welcher leider weder von HTML 5 noch den meisten Textverarbeitungsprogrammen verwendet wird.

Absätze werden üblicherweise durch einen vergrößerten Zeilenabstand oder eine Leerzeile voneinander getrennt. Im CSS-Gestaltungsstandard beträgt dieser Absatzabstand standardmäßig ein Geviert (= 1 em). Eine andere Art, Absätze typografisch zu kennzeichnen, ist der Einzug. Ein Einzug verschiebt die erste Zeile eines Absatzes nach rechts. Einzüge werden häufig im Buchsatz eingesetzt, um ein ruhiges, geschlossenes Textbild zu erzeugen. In der modernen Typografie wird meist 1 Geviert (= 1 em) als Einzug genutzt. Beim ersten Absatz nach einer Überschrift, bei Listen, Tabellen und Bildunterschriften wird kein Einzug gesetzt.

Absatzabstände und Absatzeinzüge werden in der klassischen Typografie nicht gleichzeitig genutzt.

Schriftart und Schriftgröße

CSS-Längeneinheiten

Absolute Längeneinheiten

Die Basislängeneinheit für die Formatvorlagensprache CSS ist der Pixel. Andere absolute Längeneinheiten werden im Webdesign normalerweise nicht verwendet.

• px (Pixel)
• cm (Zentimeter) ≈ 37,8 Pixel (exakt 96 / 2,54)
• mm (Millimeter) ≈ 3,78 Pixel (exakt 96 / 25,4)
• q (Viertelmillimeter) ≈ 0,94 Pixel (exakt 24 / 25,4)
• in (Zoll) = 96 Pixel
• pt (Punkt) ≈ 1,33 Pixel (exakt 1⅓)
• pc (Pica) = 16 Pixel

Weitere absolute Längeneinheiten für Schriftgrößen

Für die CSS-Eigenschaft Schriftgröße sind sieben benannte Werte definiert:
<span style="font-size: large">​XSchriftgrößeX​</span>

Relative Längeneinheiten

Als relative Längeneinheit eignet sich das Geviert, welches sich auf die Schriftgröße bezieht. Gevierte können relativ zum eigenen oder Elternelement in em angegeben werden, oder relativ zum Grundelement in rem.

em (Geviert)

Relativ zur Schriftgröße des jeweiligen Elternelements (parent element); bei Größenangaben für andere Eigenschaften allerdings relativ zum jeweils eigenen Element. Eine Größenangabe von 1 Geviert (1em) ist identisch mit der Elternelement-Schriftgröße, größere oder kleinere Wertangaben verändern die Größe im gleichen Verhältnis. Als Beispiel erhöht 1,5 Geviert (1.5em) die Schriftgröße um 50 Prozent. Als Maßeinheit sind Gevierte ideal für ein skalierbares Layout nach den Bedürfnissen des Nutzers.
Ein Geviert (englisch: em) ist eine typografische Maßeinheit für die Schriftgröße aus der Zeit des Bleisatzes. Es beschreibt die Schriftkegelgröße des Großbuchstabens M.

rem (Grundelement-Geviert)

Relativ zur Schriftgröße des Grundelements (root element), also der für das HTML-Element (<html>) definierten Schriftgröße. Standardmäßig liegt diese bei 16 Pixel oder einem Geviert (16px = 1em = 100% = medium). Als Maßeinheit sind Gevierte ideal für ein skalierbares Layout nach den Bedürfnissen des Nutzers.

lh (Zeilenhöhe)

Relativ zum Zeilenabstand des jeweiligen Elternelements (root element).

rlh (Grundelement-Zeilenhöhe)

Relativ zum Zeilenabstand des Grundelements (root element), also der für das HTML-Element (<html>) definierten Zeilenhöhe. Standardmäßig liegt diese bei dem CSS-Wert „normal“ (line-height: normal). Der Standardwert hängt von der jeweiligen Schriftart und dem Browser ab, meist liegt er bei oder knapp unter 1,2 Geviert (1.2em).

% (Prozent)

Relativ zur Größe des jeweiligen Elternelements. Für die CSS-Schriftgrößen-Eigenschaft ist ein Wert von 100 Prozent (100%) identisch mit der Elternelement-Schriftgröße, größere oder kleinere Wertangaben verändern die Größe im gleichen Verhältnis. Als Beispiel erhöht 150 Prozent (150%) die Schriftgröße um 50 Prozent.

Weitere relative Längeneinheiten für Schriftgrößen

smaller (kleiner)

Reduziert die Schriftgröße des Elternelements um ein Sechstel, also auf etwa 83,33 Prozent (83.33%).

larger (größer)

Erhöht die Schriftgröße des Elternelements um ein Fünftel, also auf 120 Prozent (120%).

CSS-Schriftgrößen

Testbereich

Kapitälchen: style="font-variant-caps: small-caps"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.

style="font-variant-caps: all-small-caps"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.

Kleine Kapitälchen: style="font-variant-caps: petite-caps"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.

style="font-variant-caps: all-petite-caps"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.

Unikameral style="font-variant-caps: unicase"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.

Titelschriftversalien style="font-variant-caps: titling-caps"

Dicht am Odfelde, in der angenehmſten Mitte des Tilithi- oder auch Wikanafeldiſtan-Gaus, liegt auf dem Auerberge über dem romantiſchen, vom luſtigen Forſtbach durchrauſchten, heute freilich arg durch Steinbrecherfäuſte verwüſteten Hooptal das uralte Kloſter Amelungsborn. Will man die Geſchichte, die ich hier von erzählen kann, anhören, ſo iſt es mir recht. Wenn nicht, muß ich mir das auch gefallen laſſen und rede von den alten Sachen, wie ſchon recht häufig, zu mir ſelber allein. Iſt nämlich unter Umſtänden auch ein Vergnügen, einerlei ob am ſonnigen Sonntagmorgen, im abendlichen Alltagszwielicht, im Sommer oder im Winter; – nur in der richtigen Stimmung muß man ſich dann mit ſich ſelber allein finden!

Schon Cajus Cornelius Tacitus ſoll die Gegend um den Ith gekannt haben, wenn auch nicht aus perſönlicher Anſchauung. Er ſoll von dem Odfelde – Campus Odini, und von dem Vogler – mons Fugleri reden. Dieſes laſſen wir auf ſich beruhen; aber die Gegend iſt allzu fett und fein, als daß ſie nicht gleichfalls der Tummelplatz vieler menſchlicher Begehrlichkeit und als Walſtätte weltgeſchichtlicher Katzbalgereien hergehalten haben ſollte.