W3docs
de
Anmelden

HTML <b>-Tag

The <b> tag is used to highlight in bold the part of the text, which we want to make more obvious for the user

Das HTML-Tag `<b>` wird verwendet, um einen Teil des Textes fett darzustellen, damit er hervorsticht. Das `<b>`-Tag ändert lediglich das visuelle Erscheinungsbild; es trägt keine semantische Bedeutung (auch nicht für Suchmaschinen).

success

In HTML5 ist das `<b>`-Tag für nicht-semantische, stilistische Hervorhebungen gedacht, wie zum Beispiel zur Markierung von Schlüsselwörtern, Produktnamen oder UI-Labels, und nicht als Fallback für andere Tags.

Vermeiden Sie die Verwendung des `<b>`-Tags für Titel und Überschriften. Stattdessen können Sie die <h1>–<h6>-Tags verwenden. Es ist vorzuziehen, das `<b>`-Tag zur Markierung von Schlüsselwörtern, Produktnamen oder anderen Textabschnitten zu verwenden, bei denen keine semantische Bedeutung erforderlich ist.

Syntax

Das `<b>`-Tag kommt immer in Paaren vor. Der Inhalt wird zwischen dem öffnenden (`<b>`) und dem schließenden (`</b>`) Tag geschrieben.

Beispiel für das HTML-Tag `<b>`:

Beispiel für das HTML-Tag `<b>`|W3Docs

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
  </head>
  <body>
    <p><b>This section of the text </b> has been rendered in bold,</p>
  </body>
</html>
Probier es selbst »

Ergebnis

b-Tag-Beispiel

Die Standarddarstellung des `<b>`-Elements ist fett, aber Sie können sie mit CSS ändern. Die CSS-Eigenschaft font-weight kann ebenfalls verwendet werden, um fetten Text festzulegen.

Beispiel für die font-weight-Eigenschaft zur Fettdarstellung des Textes:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      .bold-text {
        font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p>
      <span class="bold-text">This section of the text </span> 
      has been rendered in bold.
    </p>
  </body>
</html>
Probier es selbst »

`<b>` vs `<strong>`

Sowohl das `<b>`- als auch das <strong>-Element stellen Text in einer fetten Schriftart dar. Der Unterschied besteht darin, dass das `<strong>`-Tag Text von größerer Bedeutung kennzeichnet, während das `<b>`-Tag rein presentational ist und keine semantische Bedeutung trägt. Für stilistischen fetten Text ohne semantische Gewichtung können Sie auch den Wert bold der CSS-Eigenschaft font-weight verwenden.

Attribute

Das `<b>`-Tag unterstützt Globale Attribute und Ereignisattribute.

So wenden Sie ein globales Attribut auf ein HTML-Tag <b> an

<p>The <b class="highlight" title="Important keyword">keyword</b> is emphasized here.</p>

Praxis

Übung

Welche Funktion hat das HTML &lt;b&gt; Tag?