<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
<p>
Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>
Ergebnis
Markieren von Warnungen
<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
- Das
<b>
-Element - Das
<em>
-Element - Die
font-weight
-Eigenschaft