HTML bietet zwei verschiedene Tags an, welche die Schrift fett „gedruckt“ erscheinen lassen:

<strong>Text</strong> und <b>Text</b>. Häufig entsteht dadurch Verwirrung – welches Tag soll man den nun verwenden, oder ist das nicht völlig egal? Schließlich sieht ja beides im Endeffekt gleich aus.

der Unterschied

Fakt ist: das <b>-Tag wurde entworfen, um Schrift fett darzustellen – eine rein visuelle Sache also. Das <strong>-Tag hingegen ist dazu gedacht, inhaltlich wichtige Wörter oder Sätze hervorzuheben und zu betonen.

Wenn die Links in einem Menue zum Beispiel fett gedruckt erscheinen sollen, um sich vom Inhaltstext rein optisch abzugrenzen, dann hat das ja nichts mit einer besonderen Betonung zu tun – das <strong>-Tag wäre hier also fehl am Platze. Es bietet sich aber zum Beispiel an, wenn man innerhalb eines Textes wichtige Stichwörter hervorheben möchte.

Barrierefreiheit

Der korrekte Einsatz von <strong> trägt auch einen Teil zur Barrierefreiheit einer Seite bei:

So bekommen auch sehbehinderte Menschen, die ein Vorlesegerät benutzen, um im Internet zu surfen, den Inhalt einer Seite korrekt betont wiedergegeben. Denn mit dem <b>-Tag können solche Vorleseprogramme nichts anfangen, wohingegen ein <strong> ihnen signalisiert, dass nun eine zu betonende Stelle im Text kommt – und das wird dann auch so vorgelesen. Umgekehrt wäre es sinnlos, wenn zum Beispiel ein Menue mit <strong> eingefasst wäre und das Vorlesegerät die einzelnen Links besonders betonen würde.

<b> ist überflüssig geworden

Heutzutage, wo die Formatierung einer Website weitestgehend via CSS realisiert wird, hat das <b>-Tag kaum noch eine Daseinsberechtigung. Denn bleiben wir etwa bei dem Beispiel mit den fett gesetzten Menuelinks: hier wird man ja nicht etwa ein oder gar mehrere <b>-Tags um die Links herumlegen, sondern man geht den eleganten Weg über CSS und ergänzt den Linkcode wie folgt:

#menue a {
font-weight:bold;
}

ältere Browser und <strong>

Nicht alle Browser können das <strong>-Tag korrekt interpretieren und fett gedruckt darstellen – bei den meisten gängigen Versionen und Browsern sollte dies zwar an sich kein Problem mehr sein, aber um sicherzugehen, dass tatsächliche alle Besucher einer Website den als strong markierten Text auch fett dargestellt bekommen, kann man mittels CSS nachhelfen:
man definiert das Schriftgewicht von strong einfach noch einmal als fett – sicher ist sicher. Also folgendermaßen:

strong {
font-weight:bold;
}