<strong> HTML starkes Wichtigkeitselement

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 gedacht, die von "starker 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 Sie könnten lediglich darauf hinweisen, dass einige Wörter im Vergleich zum nahen Inhalt von größerer Bedeutung sind.

Typischerweise wird dieses Element standardmäßig mit einem fetten Schriftgewicht gerendert. Es sollte jedoch nicht verwendet werden, um Fettformatierungen anzuwenden; dafür verwenden Sie die CSS-Eigenschaft font-weight. Verwenden Sie das <b>-Element, um bestimmten Text hervorzuheben, ohne ein höheres Maß an Bedeutung anzuzeigen. Verwenden Sie das <em>-Element, um Text zu markieren, der eine betonte Betonung aufweist.

Eine weitere akzeptierte Verwendung für <strong> ist die Bezeichnung von Beschriftungen 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 Möglichkeiten gibt, dasselbe auf einer gerenderten Webseite auszudrücken. <b> und <strong> sind möglicherweise eine der häufigsten Quellen von Verwirrung und führen dazu, dass Entwickler fragen: "Sollte ich <b> oder <strong> verwenden? Machen sie nicht beide dasselbe?"

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

Es kann hilfreich sein, sich klarzumachen, 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 Standardformatierung (Fettschrift) haben (obwohl einige ältere Browser <strong> tatsächlich unterstreichen). Jedes Element ist dafür gedacht, in bestimmten Szenarien verwendet zu werden, und wenn Sie Text aus dekorativen Gründen fett hervorheben möchten, sollten Sie stattdessen tatsächlich die CSS-Eigenschaft font-weight verwenden.

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

<em> vs. <strong>

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

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

Beispiele

Grundlegendes Beispiel

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

Ergebnis

Warnhinweise kennzeichnen

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

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Das <b>-Element
• Das <em>-Element
• Die font-weight-Eigenschaft