<strong>: Das Element für starke Bedeutung

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 weist darauf hin, dass sein Inhalt von großer Bedeutung, Ernsthaftigkeit oder Dringlichkeit ist. Browser stellen die Inhalte typischerweise in Fettdruck dar.

Probieren Sie es aus

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Nutzungshinweise

Das <strong>-Element ist für Inhalte gedacht, die von "starker Bedeutung" sind, einschließlich Dingen 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 Sie könnten lediglich versuchen, darauf hinzuweisen, dass einige Wörter im Vergleich zu den umgebenden Inhalten von größerer Bedeutung sind.

Typischerweise wird dieses Element standardmäßig in einer fetten Schriftart dargestellt. Es sollte jedoch nicht verwendet werden, um fette Stilisierung anzuwenden; verwenden Sie dazu die CSS-font-weight-Eigenschaft. Verwenden Sie das <b>-Element, um auf bestimmten Text aufmerksam zu machen, ohne ein höheres Maß an Bedeutung anzuzeigen. Verwenden Sie das <em>-Element, um Text zu kennzeichnen, der eine Hervorhebung des Stresses hat.

Eine weitere anerkannte Verwendung für <strong> ist, um die Bezeichnungen von Absätzen zu kennzeichnen, die Notizen oder Warnungen innerhalb des Textes einer Seite darstellen.

<b> vs. <strong>

Es ist oft verwirrend für neue Entwickler, warum es so viele Möglichkeiten gibt, dasselbe auf einer gerenderten Website auszudrücken. <b> und <strong> sind möglicherweise eine der häufigsten Quellen der Verwirrung und veranlassen Entwickler zu fragen: "Soll ich <b> oder <strong> verwenden? Machen sie nicht beide dasselbe?"

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

Es kann hilfreich sein zu wissen, dass beide gültige und semantische Elemente in HTML sind und es ein Zufall ist, dass sie beide in den meisten Browsern die gleiche Standardstilisierung (Fettdruck) haben (obwohl einige ältere Browser tatsächlich <strong> unterstreichen). Jedes Element ist dazu gedacht, in bestimmten Szenarien verwendet zu werden, und wenn Sie Text aus dekorativen Gründen fett machen möchten, sollten Sie stattdessen tatsächlich die CSS-font-weight-Eigenschaft verwenden.

Der beabsichtigte Sinn oder Zweck des enthaltenen Textes sollte bestimmen, welches Element verwendet wird. Bedeutungen zu kommunizieren, ist der Kern der Semantik.

<em> vs. <strong>

Zur Verwirrung trägt bei, dass während HTML 4 <strong> als Indikator für eine stärkere Betonung definierte, HTML 5 <strong> als Darstellung von "starker Bedeutung für seine Inhalte" definiert. Dies ist ein wichtiger Unterschied.

Während <em> verwendet wird, um die Bedeutung eines Satzes wie sprachliche Betonung zu ändern ("Ich liebe Möhren" gegen "Ich liebe Möhren"), wird <strong> verwendet, um Teilen eines Satzes zusätzliche Bedeutung zu geben (z.B. "Warnung! Dies ist sehr gefährlich."). Sowohl <strong> als auch <em> können verschachtelt werden, um die relative Bedeutung oder Betonung des Stresses zu erhöhen.

Beispiele

Einfaches Beispiel

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

Ergebnis

Markieren von Warnungen

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

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, Phraseninhalt, greifbarer Inhalt.
Erlaubter Inhalt Phraseninhalt.
Tag-Auslassung Keine; muss sowohl einen Start- als auch einen End-Tag haben.
Erlaubte Eltern Jedes Element, das Phraseninhalt akzeptiert, oder jedes Element, das Flussinhalt akzeptiert.
Implizierte ARIA-Rolle strong
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML Standard
# the-strong-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch