HTML Grundlagen: Was ist der Unterschied zwischen <strong> und <b>?

Was ist der Unterschied zwischen STRONG und B?

Die Ausgabe der HTML Tags STRONG und B wird vom Web-Browser in gleicher Weise dargestellt. Beide HTML Elemente stellen den Text fettgedruckt dar. Es gibt aber einen wichtigen Unterschied zwischen den beiden HTML Elementen.

HTML <strong> TagDas HTML STRONG Tag hat im Gegensatz zum B Tag eine semantische, das heißt inhaltliche Bedeutung. Text, der mit STRONG ausgezeichnet wird, ist besonders wichtig. Wichtiger Text wird mit <strong> eingeleitet und muss mit </strong> abgeschlossen werden. Der mit STRONG ausgezeichnete Text wird im Schriftbild in der Regel fett gedruckt ausgegeben. Der mit STRONG ausgezeichnete Text wird aber nicht zwangsläufig in allen Web-Browsern fett gedruckt ausgegeben.

HTML <b> TagDas HTML B Tag (b für Englisch »bold«) stellt Text immer fettgedruckt dar. Fettgedruckter Text wird mit <b> eingeleitet und muss mit </b> abgeschlossen werden. Das B Tag bezieht sich aber ausschließlich auf die Darstellung des Textes. Es wird verwendet, wenn Text fettgedruckt aussehen soll, aber nicht besonders betont wird.

Die HTML Elemente STRONG und B sind Inline-Elemente, sie erzeugen keinen automatischen Zeilenumbruch.

Beispiel

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

<strong>Dieser Text ist besonders wichtig.</strong>Ausgabe des HTML CodesDieser 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 CodesDieser 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 CodesDieser 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 CodesDieser Text ist wichtig und soll stark betont werden.

Das STRONG Tag hat eine höhere Wertigkeit 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 CodesDieser 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 interpretiert werden.

Gestalte die HTML Tags <strong> und <b> mit CSS entsprechend deinen Wünschen.