Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<b> HTML-Element zur Hervorhebung

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <b> HTML-Element wird verwendet, um die Aufmerksamkeit des Lesers auf den Inhalt des Elements zu lenken, dem ansonsten keine besondere Bedeutung zugeschrieben wird. Früher war es als Fettschrift-Element bekannt, und die meisten Browser zeigen den Text weiterhin in Fettschrift an. Allerdings sollten Sie <b> nicht für die Textgestaltung oder zur Vermittlung von Bedeutung verwenden. Wenn Sie fetten Text erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. Wenn Sie anzeigen möchten, dass ein Element von besonderer Bedeutung ist, sollten Sie das <strong>-Element verwenden.

Probieren Sie es aus

<p>
  The two most popular science courses offered by the school are
  <b class="term">chemistry</b> (the study of chemicals and the composition of
  substances) and <b class="term">physics</b> (the study of the nature and
  properties of matter and energy).
</p>
b {
  /* Add your styles here */
}

Attribute

Dieses Element umfasst nur die globalen Attribute.

Verwendungshinweise

  • Verwenden Sie das <b> für Fälle wie Schlüsselwörter in einer Zusammenfassung, Produktnamen in einer Rezension oder andere Textbereiche, deren typische Darstellung fettgedruckt wäre (aber keine besondere Bedeutung haben).
  • Verwechseln Sie das <b>-Element nicht mit den Elementen <strong>, <em> oder <mark>. Das <strong>-Element steht für Text von gewisser Wichtigkeit, <em> legt besonderen Nachdruck auf den Text und das <mark>-Element repräsentiert Text von gewisser Relevanz. Das <b>-Element übermittelt keine solche besondere semantische Information; verwenden Sie es nur, wenn keine anderen passen.
  • Ebenso markieren Sie keine Titel und Überschriften mit dem <b>-Element. Verwenden Sie dazu die Tags h1 bis h6. Außerdem können Stylesheets den Standardstil dieser Elemente ändern, so dass sie nicht notwendigerweise fett angezeigt werden.
  • Es ist eine gute Praxis, das class-Attribut am <b>-Element zu verwenden, um bei Bedarf zusätzliche semantische Informationen zu vermitteln (zum Beispiel <b class="lead"> für den ersten Satz in einem Absatz). Dies erleichtert das Verwalten mehrerer Verwendungsszenarien von <b>, falls sich Ihre stilistischen Anforderungen ändern, ohne dass alle Verwendungen im HTML geändert werden müssen.
  • Historisch gesehen war das <b>-Element dazu gedacht, Text fett darzustellen. Stilinformatio­nen wurden seit HTML4 als veraltet betrachtet, weshalb die Bedeutung des <b>-Elements geändert wurde.
  • Wenn es keinen semantischen Zweck für die Verwendung des <b>-Elements gibt, sollten Sie stattdessen die CSS-Eigenschaft font-weight mit dem Wert "bold" verwenden, um Text fett darzustellen.

Beispiele

html
<p>
  This article describes several <b class="keywords">text-level</b> elements. It
  explains their usage in an <b class="keywords">HTML</b> document.
</p>
Keywords are displayed with the default style of the
<b>element, likely in bold.</b>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließtext, Phrasierungsinhalt, wahrnehmbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das öffnende als auch das schließende Tag sind obligatorisch.
Zulässige Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle generisch
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Spezifikation
HTML
# the-b-element

Browser-Kompatibilität

Siehe auch