Der <sub>
-Tag in HTML: Tiefgestellten Text darstellen
Der <sub>
-Tag in HTML wird verwendet, um Text tiefgestellt darzustellen. Dies ist besonders nützlich in wissenschaftlichen oder mathematischen Kontexten, z. B. für chemische Formeln oder Indizes.
Grundlegende Syntax des <sub>
-Tags
Der <sub>
-Tag umschließt den Text, der tiefgestellt angezeigt werden soll.
Beispiel:
<p>Die chemische Formel für Wasser ist H<sub>2</sub>O.</p>
Darstellung im Browser:
Die chemische Formel für Wasser ist H₂O.
Kombination mit anderen Tags
Der <sub>
-Tag kann zusammen mit anderen Tags verwendet werden, um komplexere Formeln oder Strukturen zu erstellen.
Beispiel:
<p>Die Summenformel für Glucose ist C<sub>6</sub>H<sub>12</sub>O<sub>6</sub>.</p>
Darstellung im Browser:
Die Summenformel für Glucose ist C₆H₁₂O₆.
Styling des <sub>
-Tags mit CSS
Das Erscheinungsbild des <sub>
-Tags kann mit CSS angepasst werden, um es besser an das Design der Webseite anzupassen.
Beispiel:
<style>
sub {
font-size: 0.8em;
vertical-align: sub;
}
</style>
<p>CO<sub>2</sub> ist ein wichtiges Gas in der Atmosphäre.</p>
Unterschied zwischen <sub>
und <sup>
<sub>
: Zeigt Text tiefgestellt an.<sup>
: Zeigt Text hochgestellt an, z. B. für Potenzen oder Hochzahlen.
Beispiel:
<p>E = mc<sup>2</sup> ist Einsteins berühmte Gleichung.</p>
Barrierefreiheit und Best Practices
- Semantik beachten: Verwenden Sie
<sub>
nur, wenn tiefgestellter Text semantisch korrekt ist. - Kombination mit Screenreadern: Achten Sie darauf, dass der Kontext für Benutzer mit Screenreadern klar ist.
Fazit
Der <sub>
-Tag ist ein nützliches Werkzeug, um tiefgestellten Text darzustellen, insbesondere in wissenschaftlichen und technischen Inhalten. In Kombination mit CSS und anderen Tags kann er vielseitig eingesetzt werden, um Formeln und spezielle Formatierungen übersichtlich und korrekt darzustellen.
Letzte Bearbeitung am Montag, 30. Dezember 2024 – 9:18 Uhr von Alex, Webmaster für Google und Bing SEO.