<b>: Das Aufmerksamkeitselement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <b> HTML-Element wird verwendet, um die Aufmerksamkeit des Lesers auf den Inhalt des Elements zu lenken, der ansonsten keine besondere Bedeutung hat. Dieses Element war früher als Boldface-Element bekannt, und die meisten Browser stellen den Text immer noch im Fettdruck dar. Sie sollten jedoch <b> nicht zur Textgestaltung oder zur Hervorhebung verwenden. Wenn Sie Fettdrucktext erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight nutzen. Wenn Sie angeben 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 enthält nur die globalen Attribute.

Hinweise zur Verwendung

  • Verwenden Sie <b> für Fälle wie Stichwörter in einer Zusammenfassung, Produktnamen in einer Rezension oder andere Textabschnitte, deren typische Darstellung im Fettdruck erfolgen würde (aber ohne spezielle Bedeutung).
  • Verwechseln Sie das <b>-Element nicht mit den Elementen <strong>, <em> oder <mark>. Das <strong>-Element stellt Text von gewisser Wichtigkeit dar, <em> legt eine Betonung auf den Text und das <mark>-Element steht für Text von gewissen Relevanz. Das <b>-Element vermittelt keine solcherart spezielle semantische Informationen; verwenden Sie es nur, wenn keine anderen passen.
  • Markieren Sie Titel und Überschriften nicht mit dem <b>-Element. Verwenden Sie hierfür die h1 bis h6 Tags. Weiterhin können Stylesheets den Standardstil dieser Elemente ändern, was dazu führen kann, dass sie nicht zwingend im Fettdruck angezeigt werden.
  • Es ist eine gute Praxis, das class-Attribut auf dem <b>-Element zu verwenden, um bei Bedarf zusätzliche semantische Informationen zu übermitteln (zum Beispiel <b class="lead"> für den ersten Satz in einem Absatz). Dies erleichtert es, mehrere Anwendungsfälle von <b> zu verwalten, wenn 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. Stilinformationen wurden seit HTML4 als veraltet eingestuft, daher wurde die Bedeutung des <b>-Elements geändert.
  • 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 Flussinhalt, Phrasierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite ARIA-Rolle generic
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-b-element

Browser-Kompatibilität

Siehe auch