HTML Element - `b`

Das b-Element dient der visuellen Hervorhebung von Text, ohne dessen inhaltliche Bedeutung zu verändern.

Beispiel

<p>Das ist ein normaler Text - <b>dies ist ein Text mit b ohne besondere Bedeutung</b></p>

Definition und Verwendung

Das b-Element stellt Text fett dar, ohne ihn inhaltlich zu betonen.

Es sollte nur verwendet werden, wenn kein passenderes Element zur Verfügung steht.

Für rein visuelle Hervorhebungen eignen sich CSS-Klassen oder das globale Attribut style.

Hinweis:Soll ein Wort oder eine Textpassage inhaltlich besonders hervorgehoben werden, ist dafür das strong-Element geeigneter. Für eine markierte Hervorhebung bietet sich das mark-Element an.

Überschriften sollten ausschließlich mit den dafür vorgesehenen h1- bis h6-Elementen ausgezeichnet werden und nicht durch visuelle Formatierungen ersetzt werden.

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Alternative mit dem globalen Attribut `style`

Im ersten Absatz wird das HTML-Element span als Container für das globale Attribut style eingesetzt.
Im zweiten Absatz wurde style direkt in den öffnenden p-Tag eingetragen.

<p>Das ist ein normaler Text - <span style="font-weight: bold">dies ist ein Textabschnitt mit b ohne besondere Bedeutung</span></p>
<p style="font-weight: bold">dies ist ein Text mit b ohne besondere Bedeutung</p>

Alternative mit einer CSS-Klasse

Im ersten Absatz wird das HTML-Element span mit einer CSS-Klasse versehen.
Im zweiten Absatz wurde die CSS-Klasse direkt in den öffnenden p-Tag eingetragen.

<!DOCTYPE html>
<html>
<head>
<style>
.hervorheben {
font-weight: bold;
}
</style>
</head>

<body>
<p>Das ist ein normaler Text - <span class="hervorheben">dies ist ein Textabschnitt mit einer CSS-Klasse zum visuell hervorheben, ohne besondere Bedeutung</span></p>
<p class="hervorheben">dies ist ein Text mit einer CSS-Klasse zum visuellen hervorheben, ohne besondere Bedeutung</p>
</body>
</html>

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.


b {
font-weight: bold;
}

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des `b` durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element	Firefox	Internet Explorer / Edge	Safari	Chrome	Opera
`<b>`