Schriftgröße verkleinern oder vergrößern mit SMALL und BIG
Normalerweise hat der ganze Text einer Webseite die gleiche Schriftgröße. Das ist auch gut so, damit das Lesen von Text für Besucherinnen und Besucher der Website so angenehm und bequem wie möglich ist. Manchmal ist es aber sinnvoll und erwünscht, dass die Schriftgröße für einen Textabschnitt kleiner oder größer ist als für den normalen Text.
Mit <FONT wurde früher die Schriftgröße mit einer Zahl zwischen 1 und 7 festgelegt. Standard ist die Schriftgröße 3.size="wert">
Beachte: Das HTML FONT-Tag ist in HTML5 nicht mehr gültig und sollte nicht mehr verwendet werden.
Stattdessen wird heute CSS verwendet, um die gewünschte Schriftart, Schriftgröße und Schriftfarbe zu definieren.
Für Absätze wird in CSS eine Klasse (Englisch: Class) definiert. In der Klasse können alle Eigenschaften für Absätze einfach und zentral definiert werden, z.B. Schriftart, Schriftgröße, Schriftstil und Schriftfarbe.
Es kann jedoch vorkommen, dass man ein Wort oder mehrere Wörter kleiner oder größer schreiben möchte.
Die beiden HTML-Elemente SMALL und BIG sind Inline-Elemente. Das heißt, sie erzeugen keinen automatischen Zeilenumbruch.
Das HTML <small> Tag
Text in kleinerer Schrift
Das HTML SMALL-Tag (Deutsch: klein) schreibt den Text in kleinerer Schrift. Der Text, den man mit kleiner Schrift darstellen möchte, wird mit <small> eingeleitet und muss mit </small> abgeschlossen werden. SMALL hat keine semantische Bedeutung.
Die Schriftgröße für den mit SMALL ausgezeichneten Text wird um eine Stufe reduziert, es sei denn, es wird bereits die kleinste Schriftgröße (d.h. size="1") verwendet.
Das HTML <small>-Tag wird für Ergänzungen zum Haupttext verwendet, z.B. für Kommentare, Fußnoten, Hinweise oder Quellenangaben für Zitate.
Für das sogenannte Kleingedruckte, also zum Beispiel
- Allgemeine Lieferbedingungen
- Allgemeine Geschäftsbedingungen
- Hinweise zum Datenschutz
wird SMALL nicht verwendet. Diese Abschnitte sind keine Ergänzung zum Haupttext, sondern der eigentliche Inhalt der Seite.
Das HTML <big> Tag
Text in größerer Schrift
Das HTML BIG-Tag (Deutsch: groß) zeichnet einen Textabschnitt aus, der mit größerer Schrift dargestellt werden soll. Der größer geschriebene Textabschnitt wird mit <big> eingeleitet und muss mit </big> abgeschlossen werden. BIG hat keine semantische Bedeutung.
Die Schriftgröße für BIG wird um eine Stufe vergrößert, es sei denn, es wird bereits die größte Schriftgröße (d.h. size="7") verwendet.
Das HTML <big>-Tag wird für einzelne Wörter oder Textabschnitte verwendet, die größer geschrieben werden sollen, aber semantisch keine Überschrift sind.
Schriftgröße ändern mit HTML
Dies ist Text in normaler Schriftgröße.<br><small>Das ist Text in kleiner Schrift</small> <big>>und das ist Text in großer Schrift.</big>Das ist Text in kleiner Schrift und das ist Text in großer Schrift.
Dieses Beispiel zeigt, wie man einzelne Wörter in einem Text mit <small> bzw. <big> kleiner oder größer schreiben kann.
Die HTML Elemente SMALL und BIG dürfen keine Block-Elemente wie z.B. P enthalten.
Das SMALL-Element ist in HTML5 ein semantisches Tag, mit dem ein Text als Kommentar oder weniger wichtig ausgezeichnet werden kann.
SMALL soll nicht zusammen mit STRONG oder EM verwendet werden.