<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>-Element in HTML weist darauf hin, dass sein Inhalt von starker Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit ist. Browser stellen den Inhalt typischerweise in Fettschrift 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 beinhaltet nur die globalen Attribute.

Verwendungshinweise

Das <strong>-Element ist für Inhalte gedacht, die von "starker Wichtigkeit" sind, einschließlich Dingen von großer Ernsthaftigkeit oder Dringlichkeit (wie z.B. Warnungen). Dies könnte ein Satz sein, der für die gesamte Seite von großer Bedeutung ist, oder Sie könnten lediglich darauf hinweisen, dass einige Wörter im Vergleich zu benachbarten Inhalten von größerer Bedeutung sind.

Typischerweise wird dieses Element standardmäßig in einer fetten Schriftart dargestellt. Es sollte jedoch nicht zum Anwenden von Fettschrift-Styling verwendet werden; hierfür sollte die CSS-Eigenschaft font-weight genutzt werden. Verwenden Sie das <b>-Element, um bestimmte Texte hervorzuheben, ohne ein höheres Wichtigkeitsniveau anzuzeigen. Verwenden Sie das <em>-Element, um Text zu kennzeichnen, der eine Betonung aufweist.

Eine weitere akzeptierte Verwendung von <strong> ist die Kennzeichnung von Absätzen, die Anmerkungen oder Warnungen innerhalb des Textes einer Seite darstellen.

<b> vs. <strong>

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

Nicht genau. Das <strong>-Element ist für Inhalte von größerer Wichtigkeit gedacht, während das <b>-Element verwendet wird, um auf Text aufmerksam zu machen, 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 die gleiche Standarddarstellung (Fettschrift) haben (obwohl einige ältere Browser <strong> tatsächlich unterstreichen). Jedes Element soll in bestimmten Szenarien verwendet werden, und wenn Sie Text zur Dekoration fett darstellen möchten, sollten Sie stattdessen tatsächlich die CSS-Eigenschaft font-weight verwenden.

Der beabsichtigte Sinn oder Zweck des eingeschlossenen Textes sollte bestimmen, welches Element Sie verwenden. Bedeutung zu kommunizieren, darum geht es bei 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 Wichtigkeit für seinen Inhalt" definiert. Dies ist eine wichtige Differenzierung.

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

Beispiele

Einfaches Beispiel

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

Ergebnis

Warnhinweise kennzeichnen

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

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließinhalte, Phrasierungsinhalte, fühlbare Inhalte.
Zulässiger Inhalt Phrasierungsinhalte.
Tag-Auslassung Keine; es muss sowohl ein Start- als auch ein End-Tag haben.
Zulässige Eltern Jedes Element, das Phrasierungsinhalte oder Fließinhalte erlaubt.
Implizierte ARIA-Rolle strong
Zulässige ARIA-Rollen Alle
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-strong-element

Browser-Kompatibilität

Siehe auch