---
title: <u>
slug: Web/HTML/Element/u
tags:
  - Element
  - Unterstrich
translation_of: Web/HTML/Element/u
---
<h2 id="Übersicht">Übersicht</h2>

<p>Das <em>HTML Underline Element</em> (<code>&lt;u&gt;</code>) versieht Text mit einem Unterstrich, also einer Linie unter der Basislinie des Textinhalts.</p>

<p>In HTML5, repräsentiert dieses Element ein Textfeld mit einem unausgesprochenen, also nur gerenderten, nicht-textuellen Vermerk, so wie die Beschreibung eines Textes, als sei es eine Eigenschaft eines chinesisches Textes (eine chinesische Textmarkierung), oder als ob der Text falsch buchstabiert sei.</p>

<div class="note"><strong>Gebrauchsnotiz: </strong>So wie alle stylisierenden Elemente, wird {{ HTMLElement("u") }} in HTML 4 und XHTML 1 nicht mehr unterstützt. Das Attribut wurde aber wieder in HTML5 zusammen mit anderen Wortbedeutungen aufgenommen. Wenn ein Text unterstrichen werden soll in einer nicht-begriffsbestimmenden Art und Weise, sollte ein {{ HTMLElement("span") }} Element eingesetzt werden, oder andere angepasste Elemente, und es mit <a href="/en/CSS" title="en/CSS">CSS</a> formatieren {{ cssxref("text-decoration") }}, also mit der <span style="font-family: Courier New;">underline</span> Eigenschaft.</div>

<h2 id="Attribute">Attribute</h2>

<p><span style="line-height: 21px;">Dieses Element enthält nur das </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">globale Attribut</a><span style="line-height: 21px;">.</span></p>

<h2 id="Tips_und_Bemerkungen">Tips und Bemerkungen</h2>

<p style="line-height: 21px;"><b>Tip:</b> Das {{ HTMLElement("u") }} Element nicht benutzen wo es mit einem Hyperlink verwechselt werden kann.</p>

<div class="note">
<p><span style="line-height: 21px;"><strong>Notiz:</strong> Die HTML 5 Spezifikation errinnert Entwickler dass andere Elemente passender sind als {{ HTMLElement("u") }}.</span></p>
</div>

<h2 id="DOM_Interface">DOM Interface</h2>

<p>Dieses Element implementiert das <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code> Interface.</p>

<div class="note"><strong>Implementation-Notiz: </strong>bis zur Version Gecko 1.9.2 inklusive, implementiert Firefox das {{ domxref("HTMLSpanElement") }} Interface für dieses Element.</div>

<h2 id="Beispiel">Beispiel</h2>

<pre class="brush: html">&lt;u&gt;Today's Special&lt;/u&gt;: Salmon&lt;br /&gt;
&lt;span style="text-decoration:underline;"&gt;Today's Special&lt;/span&gt;: Salmon
</pre>

<p><u>Today's Special</u>: Salmon</p>

<p><span style="text-decoration: underline;">Today's Special</span>: Salmon</p>

<pre class="brush: html">&lt;p&gt;&lt;u&gt;All&lt;/u&gt; of that is explained in &lt;u&gt;Dive into Python&lt;/u&gt;.
</pre>

<p><u>All</u> of that is explained in <u>Dive into Python</u>.</p>

<p>Sollte ersetzt werden durch</p>

<pre class="brush: html">&lt;p&gt;&lt;em&gt;All&lt;/em&gt; of that is explained in &lt;cite&gt;Dive into Python&lt;/cite&gt;.
</pre>

<p><em>All</em> of that is explained in <cite>Dive into Python</cite>.</p>

<p>CSS sollte benutzt werden um diese Elemente zu formatieren.</p>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Die {{ HTMLElement("span") }}, {{ HTMLElement("i") }}, {{ HTMLElement("em") }}, and {{ HTMLElement("cite") }} Elemente sollten, vom Fall abhängend, anstatt benutzt werden.</li>
 <li>Die CSS {{ cssxref("text-decoration") }} Eigenschaft sollte benutzt werden für dasselbe Aussehen als das {{ HTMLElement("u") }} Element.</li>
</ul>

<p>{{ languages({"ja":"ja/HTML/Element/u","en":"en/HTML/Element/u"}) }}</p>

<div>{{ HTMLRef }}</div>