HTML-Element <mark> zur Hervorhebung von Text

Probieren Sie es aus

<p>Search results for "salamander":</p>

<hr />

<p>
  Several species of <mark>salamander</mark> inhabit the temperate rainforest of
  the Pacific Northwest.
</p>

<p>
  Most <mark>salamander</mark>s are nocturnal, and hunt for insects, worms, and
  other small creatures.
</p>

mark {
  /* Add your styles here */
}

Attribute

Dieses Element unterstützt nur die globalen Attribute.

Verwendungshinweise

Typische Anwendungsfälle für <mark> sind:

• Innerhalb eines Zitats (<q>) oder eines Blockzitats (<blockquote>) kennzeichnet es üblicherweise Text, der von besonderem Interesse ist, aber im Original nicht markiert wurde. Es kann auch Text kennzeichnen, der besondere Aufmerksamkeit verdient, obwohl die ursprüngliche Autorin oder der ursprüngliche Autor ihn nicht für besonders wichtig hielt. Das ist vergleichbar mit dem Markieren interessanter Stellen in einem Buch mit einem Textmarker.
• In anderen Fällen kennzeichnet <mark> einen Teil des Dokumentinhalts, der für die aktuelle Tätigkeit der Benutzerin oder des Benutzers wahrscheinlich relevant ist. So lassen sich beispielsweise Wörter hervorheben, die einer Suchanfrage entsprechen.
• Verwenden Sie <mark> nicht zur Syntaxhervorhebung. Verwenden Sie stattdessen das Element <span> mit entsprechendem CSS.

Beispiele

Interessante Textstellen markieren

In diesem ersten Beispiel wird ein <mark>-Element verwendet, um eine Textstelle innerhalb eines Zitats zu markieren, die für die Benutzerin oder den Benutzer von besonderem Interesse ist.

<blockquote>
  It is a period of civil war. Rebel spaceships, striking from a hidden base,
  have won their first victory against the evil Galactic Empire. During the
  battle, <mark>Rebel spies managed to steal secret plans</mark> to the Empire's
  ultimate weapon, the DEATH STAR, an armored space station with enough power to
  destroy an entire planet.
</blockquote>

Ergebnis

Kontextabhängige Textstellen kennzeichnen

Dieses Beispiel zeigt, wie Sie mit <mark> Suchergebnisse innerhalb eines Textabschnitts markieren.

<p>
  It is a dark time for the Rebellion. Although the Death Star has been
  destroyed, <mark class="match">Imperial</mark> troops have driven the Rebel
  forces from their hidden base and pursued them across the galaxy.
</p>

<p>
  Evading the dreaded <mark class="match">Imperial</mark> Starfleet, a group of
  freedom fighters led by Luke Skywalker has established a new secret base on
  the remote ice world of Hoth.
</p>

Damit sich die Verwendung von <mark> für Suchergebnisse von anderen Verwendungszwecken unterscheiden lässt, weist dieses Beispiel jedem Treffer die benutzerdefinierte Klasse "match" zu.

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität