HTML Grundlagen: Text richtig hervorheben – Eine detaillierte Betrachtung von strong und b

English

Was ist der Unterschied zwischen STRONG und B?

STRONG und B sind Inline-Elemente, die keinen automatischen Zeilenumbruch erzeugen.

Die Ausgabe der HTML Tags strong und b (für Englisch: bold wird vom Web-Browser in der Regel gleich dargestellt. Beide HTML Elemente stellen den Text standardmäßig gefettet dar. Es gibt aber einen wichtigen Unterschied zwischen den beiden HTML-Elementen.

HTML Tag <strong> vs. <b>

Das HTML STRONG-Tag hat im Gegensatz zum B-Tag eine semantische Bedeutung (d.h. inhaltliche Bedeutung). Der mit strong ausgezeichnete Text, ist besonders wichtig und wird stark betont. Besonders wichtiger Text wird mit <strong> eingeleitet und muss mit </strong> abgeschlossen werden.

Stark betonter Text wird im Schriftbild normalerweise fett gedruckt. Mit strong ausgezeichneter Text wird aber nicht zwangsläufig in jedem Browser fett gedruckt.

Das HTML B-Tag stellt Text immer fett gedruckt dar. Fettgedruckter Text wird mit <b> eingeleitet und muss mit </b> abgeschlossen werden. Das B-Tag bezieht sich ausschließlich auf die Darstellung. Es wird verwendet, wenn man Text optisch durch Fettschrift hervorheben will, der Text aber nicht besonders betont werden soll.

Beispiel

Besonders wichtiger Text wird mit dem <strong>-Tag erzeugt.

<strong>Dieser Text ist besonders wichtig.</strong>
Ausgabe des HTML Codes
Dieser Text ist besonders wichtig.

Fett gedruckter Text ohne besondere Bedeutung wird mit dem <b>-Tag erzeugt.

<b>Dieser Text wird fett gedruckt.</b>
Ausgabe des HTML Codes
Dieser Text wird fett gedruckt.
Hinweise

Vermeide Doppel-Auszeichnungen wie

<strong><em>Dieser Text ist wichtig und soll stark betont werden.</em></strong>
Ausgabe des HTML Codes
Dieser Text ist wichtig und soll stark betont werden.
oder
<em><strong>Dieser Text ist wichtig und soll stark betont werden.</strong></em>
Ausgabe des HTML Codes
Dieser Text ist wichtig und soll stark betont werden.

Das STRONG-Tag hat eine höhere Wertigkeit (Relevanz) als das EM-Tag. Verwende statt <em> besser <i>, wenn besonders wichtiger Text fett gedruckt und kursiv dargestellt werden soll. Optimal ist diese Form:

<strong><i>Dieser Text ist wichtig und soll kursiv gedruckt werden.</i></strong>
Ausgabe des HTML Codes
Dieser Text ist wichtig und soll kursiv gedruckt werden.
Vermeide Auszeichnungen wie
<strong><b>Dieser fett gedruckte Text ist wichtig.</b></strong>
oder
<b><strong>Dieser Text ist wichtig und soll fett gedruckt werden.</strong></b>

Solche Konstruktionen können als Spam betrachtet werden.