<b>: Das Bring Attention To-Element

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>-Element von HTML wird verwendet, um die Aufmerksamkeit des Lesers auf die Inhalte des Elements zu lenken, denen ansonsten keine besondere Bedeutung beigemessen wird. Dies war früher als Fettschrift-Element bekannt, und die meisten Browser zeichnen den Text weiterhin fett. Sie sollten jedoch <b> nicht verwenden, um Text zu formatieren oder ihm Bedeutung zu verleihen. Wenn Sie fetten Text 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>

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 Bewertung oder andere Textabschnitte, deren typische Darstellung fett wäre (aber keine besondere Bedeutung einschließt).
  • Verwechseln Sie das <b>-Element nicht mit den <strong>, <em> oder <mark>-Elementen. Das <strong>-Element steht für Text von bestimmter Wichtigkeit, <em> betont den Text, und das <mark>-Element zeigt Text von bestimmter Relevanz. Das <b>-Element vermittelt keine solche spezielle semantische Information; verwenden Sie es nur, wenn keine anderen passen.
  • Ebenso sollten Titel und Überschriften nicht mit dem <b>-Element markiert werden. Verwenden Sie dafür die Tags h1 bis h6. Außerdem können Stylesheets den Standardstil dieser Elemente ändern, sodass sie nicht notwendigerweise fett angezeigt werden.
  • Es ist eine gute Praxis, das class-Attribut im <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 die Verwaltung mehrerer Anwendungsfälle von <b>, wenn sich Ihre stilistischen Anforderungen ändern, ohne alle Verwendungen im HTML ändern zu müssen.
  • Historisch gesehen war das <b>-Element dazu gedacht, Text fett darzustellen. Seit HTML4 wurde Stil-Information als veraltet erklärt, 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 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 Flussinhalt, Phrasierungsinhalt, fühlbarer Inhalt.
Erlaubter Inhalt Phrasierungsinhalt.
Tag-Auslassung Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizierte ARIA-Rolle generisch
Erlaubte ARIA-Rollen Jede
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-b-element

Browser-Kompatibilität

Siehe auch