HTML Underlined/Unterstrichener Text Generator
Unterstreicht Text – sparsam einsetzen, da unterstrichener Text leicht mit Links verwechselt wird.
Anwendung & Beispiele
Semantisch markiert <u> nicht-textuell hervorzuhebenden Inhalt (z.B. Tippfehler-Markierung). Reine optische Unterstreichung lieber via CSS text-decoration: underline.
FAQ
Warum ist Unterstreichen problematisch?
Nutzer assoziieren unterstrichenen Text auf Webseiten mit Links. Wenn dein Text nicht klickbar ist, verwirrst du Nutzer. Lieber Fettung oder Hintergrundfarbe nutzen.
Wie unterstreiche ich Text per CSS, ohne <u>?
text-decoration: underline auf dem Element. Vorteilhaft, wenn die Unterstreichung rein visuell ist und keine semantische Bedeutung hat.
Wofür ist <u> semantisch gedacht?
Markiert nicht-textuelle Anmerkungen — z.B. Rechtschreibfehler-Markierung, Eigennamen in chinesischer Schreibung. Selten zutreffend.
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.