<strong>: Das Element für starke Wichtigkeit

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 <strong> HTML-Element zeigt an, dass sein Inhalt von großer Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit ist. Browser stellen den Inhalt typischerweise fett dar.

Probieren Sie es aus

<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>

p {
  font-size: 1rem;
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungshinweise

Das <strong>-Element ist für Inhalte, die von "starker Wichtigkeit" sind, einschließlich solcher von großer Ernsthaftigkeit oder Dringlichkeit (wie Warnungen). Dies könnte ein Satz sein, der für die gesamte Seite von großer Bedeutung ist, oder es könnte einfach darauf hingewiesen werden, dass einige Wörter im Vergleich zu nahegelegenem Inhalt wichtiger sind.

Typischerweise wird dieses Element standardmäßig mit einer fetten Schriftart gerendert. Es sollte jedoch nicht verwendet werden, um eine fette Formatierung anzuwenden; verwenden Sie dafür die CSS-Eigenschaft font-weight. Verwenden Sie das <b>-Element, um die Aufmerksamkeit auf bestimmten Text zu lenken, ohne eine höhere Bedeutung anzuzeigen. Verwenden Sie das <em>-Element, um Text zu markieren, der betont wird.

Eine weitere akzeptierte Verwendung von <strong> ist die Kennzeichnung von Überschriften von Absätzen, die Notizen oder Warnungen im Text einer Seite darstellen.

<b> vs. <strong>

Es ist oft verwirrend für neue Entwickler, warum es so viele Wege gibt, dasselbe auf einer gerenderten Website auszudrücken. <b> und <strong> sind vielleicht eine der häufigsten Verwirrungsquellen, die Entwickler fragen lässt, "Sollte ich <b> oder <strong> verwenden? Machen sie nicht beide dasselbe?"

Nicht ganz. Das <strong>-Element ist für Inhalte, die von größerer Bedeutung sind, während das <b>-Element verwendet wird, um die Aufmerksamkeit auf Text zu lenken, ohne anzuzeigen, dass er wichtiger ist.

Es kann helfen, sich klarzumachen, dass beide valide und semantische Elemente in HTML sind und dass es ein Zufall ist, dass sie beide in den meisten Browsern die gleiche Standardformatierung (fett) haben (obwohl einige ältere Browser tatsächlich <strong> unterstreichen). Jedes Element ist für bestimmte Szenarien gedacht, und wenn Sie Text zur Dekoration in Fett darstellen möchten, sollten Sie stattdessen wirklich die CSS-Eigenschaft font-weight verwenden.

Die beabsichtigte Bedeutung oder der Zweck des eingeschlossenen Textes sollte bestimmen, welches Element Sie verwenden. Bedeutung zu kommunizieren ist das, worum es bei Semantik geht.

<em> vs. <strong>

Zusätzlich zur Verwirrung kommt hinzu, dass, während HTML 4 <strong> als stärkere Betonung definierte, HTML 5 <strong> als Darstellung von "starker Wichtigkeit für seinen Inhalt" definiert. Dies ist ein wichtiger Unterschied, den es zu beachten gilt.

Während <em> verwendet wird, um die Bedeutung eines Satzes durch gesprochene Betonung zu ändern ("Ich liebe Karotten" vs. "Ich liebe Karotten"), wird <strong> verwendet, um Teilen eines Satzes zusätzliche Bedeutung zu verleihen (z. B., "Achtung! Das ist sehr gefährlich."). Sowohl <strong> als auch <em> können geschachtelt werden, um den relativen Grad der Wichtigkeit oder Betonung zu erhöhen.

Beispiele

Einfaches Beispiel

html
<p>
  Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>

Ergebnis

Warnungen beschriften

html
<p>
  <strong>Important:</strong> Before proceeding, make sure you add plenty of
  butter.
</p>

Ergebnis

Technische Übersicht

Inhaltskategorien Fließender Inhalt, Phrasierungselemente, erfühlbarer Inhalt.
Zulässiger Inhalt Phrasierungselemente.
Tag-Auslassung Keine; muss ein Start-Tag und ein End-Tag haben.
Erlaubte Eltern Jedes Element, das Phrasierungselemente akzeptiert oder jedes Element, das fließenden Inhalt akzeptiert.
Implizierte ARIA-Rolle strong
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-strong-element

Browser-Kompatibilität

Siehe auch