HTML <strong>-Tag
Das <strong>-Tag hebt einen wichtigen Teil des Textes hervor. Es kann für wichtige Inhalte, wie Warnungen, verwendet werden. Es kann ein einzelner Satz sein, der der gesamten Seite Bedeutung verleiht, oder es kann erforderlich sein, Wörter hervorzuheben, die wichtiger sind als der Rest des Inhalts. Suchmaschinen behandeln den Inhalt als wichtiger, und Screenreader können bei der Vorlesung eine sprachliche Betonung verwenden.
Das <strong>-Tag ist ein Phrase-Tag, das anzeigt, dass ein Textabschnitt eine strukturelle Bedeutung hat.
Der Inhalt des Tags wird fett dargestellt. Im Gegensatz zum <b>-Tag, das fetten Text definiert, ist das <strong>-Tag Teil des semantischen Markup. Das <b>-Tag wird verwendet, um die Aufmerksamkeit auf den Text zu lenken, ohne anzugeben, dass er wichtiger ist. In den meisten Browsern ist das Standard-Styling für beide Tags, <b> und <strong>, gleich. Wenn Sie jedoch fetten Text nur zur Dekoration verwenden möchten, sollten Sie die CSS font-weight-Eigenschaft nutzen.
Während HTML4 das <strong>-Tag als Hinweis auf eine stärkere Betonung definierte, definiert HTML5 es als Darstellung der starken Wichtigkeit des Inhalts.
Im Gegensatz zum <em>-Tag, das eine gesprochene Betonung vermittelt, zeigt das <strong>-Tag eine starke Wichtigkeit oder Dringlichkeit an.
TIP
Um den Text fett darzustellen, ohne seine Wichtigkeit zu berücksichtigen, verwenden Sie das <b>-Tag oder die CSS font-weight-Eigenschaft.
Syntax
Das <strong>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<strong>) und dem schließenden (</strong>) Tag geschrieben.
Beispiel für das HTML <strong>-Tag:
HTML <strong>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>We’ve used the <strong> tag to highlight this important part of the text.</p>
</body>
</html>Ergebnis
Attribute
Das <strong>-Tag unterstützt Globale Attribute und Ereignisattribute. Sie können beispielsweise eine Klasse zuweisen, um es anders zu stylen:
<strong class="warning">Important notice</strong>Praxis
Was bewirkt das HTML <strong>-Tag?