<b>: Das Element, um Aufmerksamkeit zu erregen

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 beigemessen wird. Früher war es als Fettschrift-Element bekannt, und die meisten Browser stellen den Text weiterhin in Fettschrift dar. Sie sollten jedoch <b> nicht verwenden, um Text zu stylen oder ihm Bedeutung beizumessen. Wenn Sie Fettschrift erstellen möchten, sollten Sie die CSS-Eigenschaft font-weight verwenden. 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>

/* stylelint-disable-next-line block-no-empty */
b {
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Nutzungshinweise

  • Verwenden Sie <b> in Fällen wie Schlüsselwörtern in einer Zusammenfassung, Produktnamen in einer Rezension oder anderen Textspannen, deren typische Darstellung fettdruck ist (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 mit gewisser Bedeutung, <em> hebt den Text hervor und das <mark>-Element steht für Text mit gewisser Relevanz. Das <b>-Element vermittelt keine solchen besonderen semantischen Informationen; verwenden Sie es nur, wenn keine anderen passen.
  • Markieren Sie Titel und Überschriften nicht mit dem <b>-Element. Hierfür sollten Sie die Tags von h1 bis h6 verwenden. Außerdem können Stylesheets den Standardstil dieser Elemente ändern, sodass sie nicht notwendigerweise fett dargestellt werden.
  • Es ist eine gute Praxis, das class-Attribut auf dem <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 es, mehrere Anwendungsfälle von <b> zu verwalten, wenn sich Ihre stilistischen Bedürfnisse ä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 angesehen, daher hat sich die Bedeutung des <b>-Elements geändert.
  • Wenn es keinen semantischen Zweck für die Verwendung des <b>-Elements gibt, sollten Sie 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ßender Inhalt, Phrasierungsinhalt, palpabler Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle Generisch
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-b-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch