HTML <u>-Tag
In HTML 4.01 wurde das <u>-Element verwendet, um unterstrichenen Text anzugeben. Die Verwendung von HTML ausschließlich für stilistische Effekte gilt jedoch nicht mehr als gute Praxis. HTML sollte stattdessen zur Strukturierung und zur Hinzufügung semantischer Bedeutung verwendet werden.
In HTML5 wurde das <u>-Element mit einer spezifischen semantischen Bedeutung neu definiert. Es repräsentiert einen Textabschnitt, der stilistisch vom normalen Text abweicht, wie z. B. falsch geschriebene Wörter oder Eigennamen in der chinesischen Sprache.
Das <u>-Tag definiert einen Textabschnitt mit einer nicht explizit gekennzeichneten, aber eindeutig gerenderten Anmerkung. Das bedeutet, dass Webentwickler und Browser selbst entscheiden können, wie die Anmerkung dargestellt wird. Browser zeigen Text innerhalb von <u>-Tags standardmäßig unterstrichen an, dieses visuelle Styling kann jedoch mit CSS überschrieben werden.
DANGER
Verwenden Sie das <u>-Element nicht ausschließlich für die visuelle Unterstreichung. In HTML5 trägt es eine spezifische semantische Bedeutung. Für rein stilistische Unterstreichungen verwenden Sie die CSS text-decoration-Eigenschaft mit dem Wert underline.
In einigen Fällen sollten Sie andere Elemente in Betracht ziehen, wie z. B.:
<em>für betonte Hervorhebung,<b>zur Hervorhebung von Text,<cite>für Buchtitel,<i>für Fachbegriffe,<mark>zum Hervorheben von Phrasen oder Schlüsselwörtern,<strong>zur Markierung von Text mit hoher Bedeutung.
Wenn Sie textuelle Anmerkungen hinzufügen möchten, verwenden Sie das <ruby>-Tag.
Syntax
Das <u>-Element wird paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<u>) und dem schließenden (</u>) Element geschrieben.
Beispiel für das HTML <u>-Tag:
Beispiel für das HTML <u>-Tag | W3Docs
<!DOCTYPE html>
<html>
<head>
<title>The title of the document</title>
</head>
<body>
<p>Here we used <u>the <u> element</u>.</p>
</body>
</html>Ergebnis
Beispiel für die CSS text-decoration-Eigenschaft:
Beispiel für das HTML <u>-Tag | text-decoration-Eigenschaft | W3Docs
<!DOCTYPE html>
<html>
<head>
<title>The title of the document.</title>
<style>
span {
text-decoration: underline;
}
</style>
</head>
<body>
<p>Here we used <span> CSS property text-decoration:underline</span>.</p>
</body>
</html>Attribute
Das <u>-Tag unterstützt alle Globalen Attribute und Ereignisattribute.
Praxis
Welche Funktion hat das HTML <u>-Tag?