<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 hohe Wichtigkeit, Ernsthaftigkeit oder Dringlichkeit besitzt. Browser rendern den Inhalt typischerweise in fetter Schrift.

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 wird für Inhalte verwendet, die von "starker Wichtigkeit" sind, einschließlich Dingen von großer Ernsthaftigkeit oder Dringlichkeit (wie Warnungen). Dies kann 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 nahen Inhalten von größerer Bedeutung sind.

Typischerweise wird dieses Element standardmäßig mit einer fetten Schriftart gerendert. Es sollte jedoch nicht verwendet werden, um fette Darstellung anzuwenden; verwenden Sie dafür die CSS-Eigenschaft font-weight. Verwenden Sie das <b>-Element, um auf einen bestimmten Text aufmerksam zu machen, ohne ein höheres Maß an Wichtigkeit anzuzeigen. Verwenden Sie das <em>-Element, um Text zu markieren, der eine Betonung darstellt.

Eine weitere akzeptierte Verwendung für <strong> ist die Kennzeichnung von Abschnitten, die Notizen oder Warnungen im Text 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 Website auszudrücken. <b> und <strong> sind vielleicht eine der häufigsten Verwirrungsquellen, die Entwickler dazu bringen zu fragen: "Soll ich <b> oder <strong> verwenden? Machen sie nicht beide dasselbe?"

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

Es kann hilfreich sein zu verstehen, dass beide in HTML gültige und semantische Elemente sind und dass es ein Zufall ist, dass sie beide in den meisten Browsern die gleiche Standardformatierung (fett) haben (obwohl einige ältere Browser <strong> tatsächlich unterstrichen). Jedes Element ist für bestimmte Arten von Szenarien gedacht, und wenn Sie Text zur Dekoration fett formatieren möchten, sollten Sie stattdessen die CSS-Eigenschaft font-weight verwenden.

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

<em> vs. <strong>

Hinzu kommt die Verwirrung darüber, dass HTML 4 <strong> als Hinweis auf eine stärkere Betonung definierte, während 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 zu ändern, wie es bei gesprochener Betonung der Fall ist ("Ich liebe Karotten" vs. "Ich liebe Karotten"), wird <strong> verwendet, um Sätzen eine zusätzliche Bedeutung zu geben (z.B. "Warnung! Dies ist sehr gefährlich."). Sowohl <strong> als auch <em> können verschachtelt werden, um den relativen Grad der Wichtigkeit bzw. der Betonen zu steigern.

Beispiele

Einfaches Beispiel

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

Ergebnis

Warnkennzeichnung

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

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Fließende Inhalte, Phrasinhalte, fühlbare Inhalte.
Erlaubter Inhalt Phrasinhalte.
Tag-Auslassung Keine; muss sowohl ein Start- als auch ein End-Tag haben.
Erlaubte Eltern Jedes Element, das Phrasinhalte akzeptiert, oder jedes Element, das fließende Inhalte akzeptiert.
Implizite ARIA-Rolle strong
Erlaubte ARIA-Rollen Jede
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML
# the-strong-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch