<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.
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.
Besonders wichtiger Text wird mit dem <strong>-Tag erzeugt.
<strong>Dieser Text ist besonders wichtig.</strong>Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
Fett gedruckter Text ohne besondere Bedeutung wird mit dem <b>-Tag erzeugt.
<b>Dieser Text wird fett gedruckt.</b>Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
HinweiseVermeide Doppel-Auszeichnungen wie
<strong><em>Dieser Text ist wichtig und soll stark betont werden.</em></strong>Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
<em><strong>Dieser Text ist wichtig und soll stark betont werden.</strong></em>Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
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 Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
<strong><b>Dieser fett gedruckte Text ist wichtig.</b></strong><b><strong>Dieser Text ist wichtig und soll fett gedruckt werden.</strong></b>Solche Konstruktionen können als Spam betrachtet werden.