HTML <mark>-Tag
Das <mark>-Tag ist eines der HTML5-Elemente. Es markiert einen Teil des Textes, der von Bedeutung ist. Es kann verwendet werden, um Text hervorzuheben und so Betonung auszudrücken, Suchbegriffe in Suchergebnissen hervorzuheben, um Kontext zu bieten, oder neuen, vom Benutzer hinzugefügten Inhalt durch eine andere Darstellung zu kennzeichnen.
In Chrome und Firefox wird der Inhalt des Tags gelb markiert, dies kann jedoch mit der CSS-Eigenschaft background-color geändert werden.
TIP
Das <mark>-Tag enthält keine strukturellen Semantiken, übermittelt jedoch Assistiven Technologien Relevanz oder Dringlichkeit. Um die Wichtigkeit des markierten Textes zu verdeutlichen, verwenden Sie die Tags <strong> oder <em>.
TIP
Verwenden Sie das <mark>-Tag niemals für die Syntaxhervorhebung. Dafür können Sie das HTML-<span>-Tag mit entsprechenden CSS-Eigenschaften nutzen.
Das <mark>-Tag kann verwendet werden, um einen bestimmten Teil des Inhalts anzuzeigen, der für die aktuelle Aktivität des Benutzers relevant ist, wie zum Beispiel Wörter, die mit einer Suchanfrage übereinstimmen.
Syntax
Das <mark>-Tag wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<mark>) und dem schließenden (</mark>) Tag geschrieben.
Beispiel für das HTML <mark>-Tag:
HTML <mark>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Learn HyperText markup language (HTML) on <mark>W3Docs.com</mark> website.</p>
</body>
</html>Ergebnis
Das <mark>-Tag und andere HTML-Tags
Nachfolgend finden Sie eine Liste einiger HTML-Elemente, die Ähnlichkeiten mit dem <mark>-Element aufweisen. Gehen wir sie einzeln durch.
Das HTML <strong>-Tag
Sie können das <strong>-Tag verwenden, um Text oder einen Textabschnitt als sehr wichtig zu kennzeichnen, zum Beispiel einen Fehler oder eine Warnung. Er wird fett dargestellt.
Das HTML <b>-Tag
Das <b>-Tag weist einige Ähnlichkeiten mit <strong> auf. Es wird ebenfalls fett dargestellt. Der Hauptunterschied besteht darin, dass das <b>-Element keine Bedeutung oder Wichtigkeit ausdrückt. Es wird rein gestalterisch verwendet.
Das HTML <em>-Tag
Das <em>-Tag wird verwendet, um die Betonung auf ein bestimmtes Wort zu legen. Es wird kursiv dargestellt.
Attribute
Das <mark>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
So gestalten Sie ein HTML <mark>-Tag
Sie können den standardmäßigen gelben Hintergrund mit der CSS-Eigenschaft background-color ändern:
mark {
background-color: #ffeb3b;
color: #333;
}Praxis
Wofür wird das HTML <mark>-Tag verwendet?