Text hervorheben: <strong> und <em>
Text hervorheben: <strong> und <em>
~6 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026
Manchmal willst du innerhalb eines Satzes ein einzelnes Wort hervorheben. Dafür gibt es zwei wichtige Elemente: <strong> und <em>.
<strong> für Wichtigkeit
<strong> markiert Text als besonders wichtig. Browser zeigen ihn standardmäßig fett dargestellt an:
<p><strong>Wichtig:</strong> Das Training fällt diesen Dienstag aus.</p><em> für Betonung
<em> ("emphasis", also Betonung) markiert Text, den man beim Lesen betonen würde, ähnlich wie man beim Sprechen ein Wort besonders hervorhebt. Browser zeigen ihn standardmäßig kursiv (schräg) dargestellt an:
<p>Ich liebe Fußball <em>wirklich</em> über alles.</p>Es geht nicht nur ums Aussehen
Genau wie bei den Überschriften gilt: <strong> und <em> beschreiben eine Bedeutung, nicht nur ein Aussehen. Es gibt auch die Elemente <b> (bold, also fett) und <i> (italic, also kursiv), die rein optisch genauso aussehen - aber diese haben keine besondere Bedeutung, sondern sagen nur "mach das fett" bzw. "mach das kursiv", ohne einen Grund anzugeben.
Der Unterschied ist wichtig für Menschen, die eine Webseite nicht sehen können, sondern sie sich von einem Screenreader vorlesen lassen: Ein Screenreader betont <strong> und <em>-Text tatsächlich anders in der Stimme, aber bei <b> und <i> tut er das oft nicht, weil dort keine besondere Bedeutung gekennzeichnet ist.
Tipp: Faustregel: Frag dich "Ist das hier wirklich wichtig / würde ich das beim Sprechen betonen?" - wenn ja, benutze <strong> oder <em>. Wenn es dir nur um das Aussehen geht (was in diesem Tutorial sowieso noch nicht unser Fokus ist, das kommt mit CSS), wären <b> und <i> die Wahl - aber in der Praxis reichen <strong> und <em> fast immer aus.
Beide verschachtelt in einem Satz
Du kannst <strong> und <em> auch innerhalb desselben Satzes mehrfach benutzen:
<p><strong>Achtung:</strong> Das nächste Spiel ist <em>besonders</em> wichtig,
weil wir gegen den Tabellenführer spielen.</p>Füge jetzt eine wichtige Ankündigung mit beiden Elementen zu Finns Webseite hinzu:
<h2>Über mich</h2>
<p>Hallo! Ich bin Finn und ich liebe Fußball <em>über alles</em>. Ich spiele
seit drei Jahren in der Jugendmannschaft meines Vereins und meine Lieblingsposition
ist <strong>Stürmer</strong>.</p>