4 Text hervorheben
HTML 5 stellt verschiedene Tags bereit, die es ermöglichen einzelne Worte bzw. Textabschnitte aus dem sie umgebenden Text hervorzuheben.
HTML-Element | Erläuterung | Standardformatierung (Browser können abweichen) |
---|---|---|
em | Der enthaltenene Text soll gegenüber dem ihn umgebenden Text leicht betont werden1. | kursiv |
strong | Der enthaltenene Text soll gegenüber dem ihn umgebenden Text stark betont werden. | fett |
mark | Der enthaltenene Text wird durch eine andere Hintergrundfarbe, gegebenenfalls auch eine andere Schriftfarbe, gegenüber dem ihn umgebenden Text hervorgehoben. |
gelber Hintergrund und schwarze Schriftfarbe |
sup | Der enthaltenene Text wird hochgestellt. | hochgestellt |
sub | Der enthaltenene Text wird tiefgestellt. | tiefgestellt |
code | Der enthaltenene Text wird als Quellcode gekenzzeichnet. |
font-family: monospace
|
Grundsätzlich kann Text auch mit einem i
-Element als kursiv (engl. italic) darzustellend und mit einem b
-Element als fett (engl. bold) darzustellend gekennzeichnet werden. Bei beiden Elementen deutet der Elementname jedoch bereits an, wie der Text formatiert wird. Diese Fortmatierung sollte daher auch nicht mit CSS geändert werden. em
- bzw. strong
-Elemente werden zwar standardmäßig auch kursiv bzw. fett formatiert, der Elementname steht abweichenden CSS-Formatierungen jedoch nicht im Wege.
Ein weiterer Vorteil liegt darin, dass Computerprogramme, die ein HTML-Dokument zum Beispiel für eine Suchmaschine analysieren, erkennen können, dass Text in einem em
- bzw. strong
-Element gegenüber dem umgebenden Text eine herausgehobene Bedeutung besitzt und dementsprechend wichtig ist. b
- bzw. i
-Elemente betrachtet HTML jedoch ausschließlich als Formatierungsmittel ohne weitere Bedeutung.
Neben dem i
und dem b
-Element stellt HTML noch das u
-Element bereit, das den enthaltenen Text als unterstrichen darzustellend kennzeichnet (engl. underline).