HTML Grundlagen: Was ist der Unterschied zwischen <ins> und <u>?

Text unterstreichen – Was ist der Unterschied zwischen INS und U?

Die Ausgabe der HTML Tags INS und U wird vom Web-Browser gleich dargestellt. Beide Tags stellen den Text unterstrichen dar. D.h. beide Tags versehen den Text mit einer feinen horizontalen Linie unter der Basislinie des Textes. Es gibt aber einen entscheidenden Unterschied zwischen INS und U.

HTML <ins> TagDas HTML INS Tag hat im Gegensatz U Tag eine semantische, das heißt inhaltliche Bedeutung. Das INS Tag (ins für Englisch »inserted«) wird für Inhalte verwendet, die dem Text nachträglich hinzugefügt wurden. Der hinzugefügte Text wird mit <ins> eingeleitet und muss mit </ins> abgeschlossen werden. In der Regel wird das INS Tag in Kombination mit dem DEL Tag verwendet. Das INS Tag wird häufig verwendet, um nachträgliche Änderungen zu kennzeichnen.

Ein INS Tag darf nicht in einem DEL Tag stehen.

HTML <u> TagDas HTML U Tag hat keine semantische Bedeutung, sondern ist nur eine visuelle Formatierung. Der mit dem U Tag (u für Englisch »underline«) ausgezeichnete Text wird unterstrichen dargestellt. Der unterstrichene Text wird mit <u> eingeleitet und muss mit </u> abgeschlossen werden.

Die HTML Elemente INS und U sind Inline-Elemente, sie erzeugen keinen automatischen Zeilenumbruch.

BeispielDas neue Datum wird mit dem <ins> Tag hinzugefügt. Zusätzlich wird es farblich markiert und fett gedruckt.Die Veranstaltung findet am <del>21. März 2023</del>&nbsp; <ins><b><mark>4. April 2023</mark></b></ins> statt.Mit &nbsp; wird ein »geschütztes« Leerzeichen zwischen den beiden Datums-Angaben eingefügt, um sie deutlicher voneinander zu trennen.

Ausgabe des HTML CodesDie Veranstaltung findet am 21. März 2023  4. April 2023 statt.Das neue Datum wird mit dem <u> Tag unterstrichen. Zusätzlich wird es farblich markiert und fett gedruckt.Die Veranstaltung findet am <s>21. März 2023</s>&nbsp; <u><b><mark>4. April 2023</mark></b></u> statt.Es wird wieder &nbsp; zwischen die beiden Datums-Angaben eingefügt, um sie deutlicher voneinander zu trennen.

Ausgabe des HTML CodesDie Veranstaltung findet am 21. März 2023  4. April 2023 statt.Hinweise

Die beiden HTML Tags <ins> und <u> funktionieren technisch ausgezeichnet, sie sind aber praktisch nicht sinnvoll, weil normalerweise nur Links unterstrichen werden.

Die meisten Besucher nehmen bei unterstrichenem Text automatisch an, dass es sich um einen Link handelt. Wenn sie dann feststellen, dass sie mit der Unterstreichung getäuscht wurden, wenden sie sich frustriert ab und verlassen deine Website mit einem negativen Gefühl.

Das Unterstreichen von Text sollte nach Möglichkeit nicht eingesetzt werden, wenn der unterstrichene Text mit einem Link verwechselt werden könnte.