HTML Grundlagen: Wichtige Textstellen betonen – Erfahre, wann du strong oder b verwenden solltest

English

<strong> vs. <b> – 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 fett gedruckt dar. Es gibt aber einen wichtigen Unterschied zwischen den beiden HTML Elementen.

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.

Kfz-Versicherung wechseln und Geld sparen
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.