HTML Grundlagen: Wichtig oder fett gedruckt – Erläuterung der Unterschiede zwischen strong und b

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 beiden HTML-Tags 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.

Wichtigen Text kennzeichnen mit dem <strong> Tag

<strong>Dieser Text ist besonders wichtig.</strong>
Dieser Text ist besonders wichtig.
     

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 fettgedruckt hervorheben will, der Text aber nicht betont werden soll.

Fett gedruckter Text wird mit dem <b> Tag ausgezeichnet

<b>Dieser Text wird fett gedruckt.</b>
Dieser Text wird fett gedruckt.
     

Vermeide Doppel-Auszeichnungen wie

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

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

<strong><i>Dieser Text ist wichtig und soll kursiv gedruckt werden.</i></strong>
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.

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