<b>: Das Element zur Hervorhebung

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, dem ansonsten keine besondere Bedeutung zukommt. Früher war es als Fettgedrucktes Element bekannt, und die meisten Browser stellen den Text immer noch fettgedruckt dar. Sie sollten <b> jedoch nicht verwenden, um Text zu stylen oder um Wichtigkeit zu verleihen. Wenn Sie fettgedruckten Text erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. Wenn Sie ein Element als besonders wichtig kennzeichnen möchten, 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.

Anwendungshinweise

  • Verwenden Sie <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 einschließt).
  • Verwechseln Sie das <b>-Element nicht mit den Elementen <strong>, <em> oder <mark>. Das <strong>-Element steht für Text von besonderer Wichtigkeit, <em> setzt einen bestimmten Akzent auf den Text und das <mark>-Element steht für Text von besonderer Relevanz. Das <b>-Element vermittelt solche besonderen semantischen Informationen nicht; verwenden Sie es nur, wenn kein anderes Element passt.
  • Verwenden Sie das <b>-Element nicht für Titel und Überschriften. Hierfür sollten die Tags von h1 bis h6 genutzt werden. Zudem können Stylesheets den Standardstil dieser Elemente ändern, sodass sie nicht zwangsläufig fett dargestellt werden.
  • Es ist eine gute Praxis, das class-Attribut bei dem <b>-Element zu verwenden, um bei Bedarf zusätzliche semantische Informationen zu vermitteln (zum Beispiel <b class="lead"> für den ersten Satz eines Absatzes). Dies erleichtert die Verwaltung mehrerer Verwendungsfälle von <b>, wenn sich Ihre stilistischen Anforderungen ändern, ohne dass alle Verwendungen in der HTML geändert werden müssen.
  • Historisch gesehen sollte das <b>-Element Text fett darstellen. Seit HTML4 wurde Styling-Informationen als veraltet betrachtet, so dass 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 zu machen.

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ßende Inhalte, phrasierende Inhalte, fassbare Inhalte.
Zulässiger Inhalt Phrasierende Inhalte.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Zulässige Eltern Jedes Element, das phrasierende Inhalte akzeptiert.
Implizite ARIA-Rolle generic
Zulässige ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-b-element

Browser-Kompatibilität

Siehe auch