Text unterstreichen – Was ist der Unterschied zwischen INS und U?
Die HTML-Elemente INS und U sind Inline-Elemente. Das bedeutet, dass kein automatischer Zeilenumbruch erzeugt wird.
Die Ausgabe der HTML-Tags INS (für Englisch: inserted) und U (für Englisch: underline) wird vom Browser standardmäßig in gleicher Weise dargestellt. Beide Tags unterstreichen den ausgezeichneten Text, d.h. die Tags zeichnen eine feine horizontale Linie auf die Basislinie des Textes. Es gibt aber einen wichtigen Unterschied zwischen INS und U.
Das HTML INS-Tag hat im Gegensatz zum U-Tag eine logische (d.h. semantische) Bedeutung. INS wird für Inhalte benutzt, die dem Text nachträglich hinzugefügt werden. Der hinzugefügte Text wird mit dem Start-Tag <ins> eingeleitet und muss mit dem End-Tag </ins> abgeschlossen werden.
In der Praxis wird INS oft mit dem DEL-Tag kombiniert. Auf diese Weise ausgezeichneter Text markiert einen Textabschnitt, der nachträglich geändert oder korrigiert wurde. Hinzugefügter Text wird in der Regel nicht mit dem INS-Tag gekennzeichnet, da dies die Benutzung der Webseite negativ beeinflussen würde.
Nachträglich eingefügter Text wird mit dem <ins>-Tag erzeugt.
Das neue Datum wird mit dem <ins>-Tag hinzugefügt. Zusätzlich wird es farblich markiert und fett gedruckt.
Die Veranstaltung findet am <del>2. Januar 2025</del> <ins><b><mark>16. Januar 2025</mark></b></ins> statt.Zwischen die beiden Termine wird ein geschütztes Leerzeichen ( ) eingefügt, um sie deutlicher voneinander zu trennen.
Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
Das HTML <u>-Tag
Das HTML U-Tag hat keine semantische Bedeutung, sondern ist nur eine visuelle Formatierung. Der mit U ausgezeichnete Text wird unterstrichen dargestellt. Unterstreichen von Text wird mit <u> eingeleitet und muss mit dem End-Tag </u> abgeschlossen werden.
BeispielNachträglich eingefügter Text wird mit dem <u>-Tag erzeugt.
Das neue Datum wird mit dem <u>-Tag hinzugefügt. Zusätzlich wird es farblich markiert und fett gedruckt.
Die Veranstaltung findet am <s>2. Januar 2025</s> <u><b><mark>16. Januar 2025</mark></b></u> statt.Um die beiden Termine deutlich voneinander zu trennen, wird wieder ein geschütztes Leerzeichen ( ) eingefügt.
Dieser Hintergrund repräsentiert das Ausgabe-Display und gehört nicht zum Beispiel-Code.
In der Praxis wird das INS-Tag kaum verwendet, weil dadurch die Webseite unübersichtlich werden würde und der Benutzer kaum zusätzliche Information erhält.
Die beiden HTML-Tags <ins> und <u> funktionieren technisch ausgezeichnet, sie sind aber praktisch nicht sinnvoll, weil man eigentlich nur Links unterstreichen sollte.
Die meisten Besucher gehen automatisch davon aus, dass unterstrichener Text ein Link ist. Wenn sie dann feststellen, dass sie mit dem Unterstreichen getäuscht wurden, wenden sie sich frustriert ab und verlassen die Website mit einem negativen Gefühl.
Das Unterstreichen von Text sollte deshalb nach Möglichkeit vermeiden, wenn der auf diese Weise markierte Text mit einem Link verwechselt werden könnte.