HTML <small>-Tag
Das <small>-Tag verkleinert die Textschriftgröße und rendert sie typischerweise mit 80 % der Größe des übergeordneten Elements. Es wird für Randbemerkungen oder Kleingedrucktes verwendet, wie z. B. Urheberrechtshinweise, rechtliche Haftungsausschlüsse oder Lizenzinformationen.
Modernes HTML verwendet CSS zur Schriftgrößenanpassung. Das <small>-Tag stützt sich nicht auf die veralteten HTML 3.2/4.01-Schriftgrößenangaben (1–7). Stattdessen wird seine visuelle Größe durch CSS gesteuert, wobei Browser standardmäßig einen Stil von etwa 80 % der übergeordneten Schriftgröße anwenden.
Das <small>-Tag enthält normalerweise Elemente von untergeordneter Bedeutung, wie Urheberrechtshinweise, Randbemerkungen oder rechtliche Mitteilungen.
Sie können ein <small>-Tag in ein weiteres <small>-Tag einbetten, wodurch die Schriftgröße des Textes entsprechend der „Tiefe“ des Inhalts weiter verkleinert wird.
Das <small>-Tag ist, ähnlich wie die <i>- und <b>-Tags, in HTML5 vollständig semantisch und verstößt nicht gegen die Regel der Trennung von Struktur und Präsentation.
Syntax
Das <small>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<small>) und dem schließenden (<​/small>) Tag geschrieben.
Beispiel für das HTML <small>-Tag:
Beispiel für das HTML <small>-Tag:
<!DOCTYPE html>
<html>
<head>
<title>Usage of the SMALL tag</title>
</head>
<body>
<p>The interest rate is only 10%*</p>
<small>* per day</small> /
</body>
</html>Ergebnis
Beispiel für das HTML <small>-Tag innerhalb eines <div>-Tags:
Beispiel für das HTML <small>-Tag innerhalb eines <div>-Tags:
<!DOCTYPE html>
<html>
<head>
<title>Usage of the SMALL tag</title>
</head>
<body>
<h1>Small tag example</h1>
<p>The is a some text.</p>
<div>
<p>
Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</p>
<small>This is a small text.</small>
</div>
</body>
</html>Attribute
Das <small>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
So stylen Sie ein HTML <small>-Tag
Praxis
Wofür ist das <small>-HTML-Tag gedacht und wie wird es verwendet?