HTML Marked/Highlighted/Markierter Text Generator
Hebt Text wie mit einem Textmarker hervor – z.B. Suchtreffer.
Anwendung & Beispiele
Browser stellen <mark> standardmäßig mit gelbem Hintergrund dar – per CSS leicht anpassbar.
FAQ
Wie ändere ich die Markierungs-Farbe?
Per CSS: mark { background: #fff200; color: black; }. Standard ist meist gelb, aber individuell anpassbar.
Wofür ist <mark> gedacht?
Hervorheben von Text mit aktueller Relevanz — z.B. Suchtreffer in einem Such-Ergebnis, Schlüsselwörter in einem Tutorial, Fundstellen in einem Archiv.
Was ist der Unterschied zu <strong>?
<strong> betont semantisch wichtige Inhalte (kontextunabhängig). <mark> hebt Text in einem temporären Kontext hervor (z.B. Suchanfrage). Nicht ineinander verschachtelt nutzen.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.