HTML <b>-Tag
Das HTML-Tag <code><b></code> wird verwendet, um einen Teil des Textes fett darzustellen, damit er hervorsticht. Das <code><b></code>-Tag ändert lediglich das visuelle Erscheinungsbild; es trägt keine semantische Bedeutung (auch nicht für Suchmaschinen).
TIP
In HTML5 ist das <code><b></code>-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 <code><b></code>-Tags für Titel und Überschriften. Stattdessen können Sie die <h1>–<h6>-Tags verwenden. Es ist vorzuziehen, das <code><b></code>-Tag zur Markierung von Schlüsselwörtern, Produktnamen oder anderen Textabschnitten zu verwenden, bei denen keine semantische Bedeutung erforderlich ist.
Syntax
Das <code><b></code>-Tag kommt immer in Paaren vor. Der Inhalt wird zwischen dem öffnenden (<code><b></code>) und dem schließenden (<code></b></code>) Tag geschrieben.
Beispiel für das HTML-Tag <code><b></code>:
Beispiel für das HTML-Tag <code><b></code>|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>Ergebnis
Die Standarddarstellung des <code><b></code>-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:
Ein Textabschnitt in Fettschrift|HTML-Tag <code><b></code>|W3Docs
<!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><code><b></code> vs <code><strong></code>
Sowohl das <code><b></code>- als auch das <strong>-Element stellen Text in einer fetten Schriftart dar. Der Unterschied besteht darin, dass das <code><strong></code>-Tag Text von größerer Bedeutung kennzeichnet, während das <code><b></code>-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 <code><b></code>-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
Welche Funktion hat das HTML <b> Tag?