<strong>: Das Strong Importance-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 <strong> HTML-Element zeigt an, dass sein Inhalt von großer Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit ist. Browser stellen den Inhalt typischerweise in Fettdruck 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.

Nutzungshinweise

Das <strong>-Element ist für Inhalte gedacht, die von "großer Wichtigkeit" sind, einschließlich Dinge 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 lediglich ein Versuch, darauf hinzuweisen, dass einige Wörter im Vergleich zu nahem Inhalt von größerer Bedeutung sind.

Typischerweise wird dieses Element standardmäßig mit einer fetten Schriftart dargestellt. Es sollte jedoch nicht verwendet werden, um fettgedrucktes Styling anzuwenden; nutzen Sie dafür die CSS-Eigenschaft font-weight. Verwenden Sie das <b>-Element, um auf bestimmten Text hinzuweisen, ohne ein höheres Maß an Bedeutung anzuzeigen. Verwenden Sie das <em>-Element, um Text zu markieren, der eine Betonung des Ausdrucks hat.

Ein weiterer anerkannter Gebrauch für <strong> ist, Labels von Absätzen zu kennzeichnen, die Notizen oder Warnungen innerhalb des Textes einer Seite darstellen.

<b> vs. <strong>

Es ist für neue Entwickler oft verwirrend, warum es so viele Möglichkeiten gibt, dasselbe auf einer gerenderten Webseite auszudrücken. <b> und <strong> sind möglicherweise eine der häufigsten Verwirrungsquellen, die Entwickler dazu bringen zu fragen: "Soll ich <b> oder <strong> verwenden? Erfüllen sie nicht beide denselben Zweck?"

Nicht genau. 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 zu verstehen, dass beide gültige und semantische Elemente in HTML sind und dass es ein Zufall ist, dass sie beide in den meisten Browsern in der gleichen Standarddarstellung (Fettdruck) erscheinen (obwohl einige ältere Browser <strong> tatsächlich unterstreichen). Jedes Element ist dazu bestimmt, in bestimmten Szenarien verwendet zu werden, und wenn Sie Text zur Dekoration fett hervorheben möchten, sollten Sie stattdessen die CSS-Eigenschaft font-weight verwenden.

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

<em> vs. <strong>

Zur Verwirrung trägt auch bei, dass während HTML 4 <strong> als stärkere Betonung definierte, HTML 5 <strong> als Darstellung "starker Wichtigkeit für seinen Inhalt" definiert. Dies ist ein wichtiger Unterschied.

Während <em> verwendet wird, um die Bedeutung eines Satzes zu ändern, so wie gesprochene Betonung dies tut ("Ich liebe Möhren" vs. "Ich liebe Möhren"), wird <strong> verwendet, um Teilen eines Satzes mehr Bedeutung zu verleihen (z.B. "Warnung! Dies ist sehr gefährlich."). Sowohl <strong> als auch <em> können verschachtelt werden, um den relativen Grad der Bedeutung oder Betonung zu erhöhen.

Beispiele

Einfaches Beispiel

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

Ergebnis

Warnhinweise etikettieren

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

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließinhalt, formulierungstypischer Inhalt, fühlbarer Inhalt.
Erlaubter Inhalt Formulierungstypischer Inhalt.
Tag-Auslassung Keine; muss sowohl ein Anfangstag als auch ein Endtag haben.
Erlaubte Eltern Jedes Element, das formulierungstypischen Inhalt akzeptiert, oder jedes Element, das Fließinhalt akzeptiert.
Implizite 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