---
title: <u>
slug: Web/HTML/Element/u
tags:
  - Element
  - HTML
  - HTML text-level semantics
  - Reference
  - Web
translation_of: Web/HTML/Element/u
---
<h2 id="Sumari">Sumari</h2>

<p>L'<em>Element HTML Subratllat</em> (<code>&lt;u&gt;</code>) representa el text amb un subratllat, una línia sota la línia de base del seu contingut.</p>

<p>En HTML5, aquest element representa un fragment de text no estructurat, encara que explícitament representat com una anotació no textual, alguna cosa així com etiquetar el text com un nom propi en el text xinès (una marca de nom propi xinès), o etiquetar el text com mal escrit.</p>

<div class="note"><strong>Nota d'ùs: </strong>Igual que amb tots els elements purament d'estil, {{ HTMLElement("u") }} ha estat desaprovat en HTML 4 i XHTML 1, però s'ha tornat a introduir en HTML5 amb altres semàntiques. Si voleu subratllar el text d'una manera no-semàntica, s'ha d'utilitzar un element {{ HTMLElement("span") }}, o un altre element semànticament apropiat, i l'estil, amb la propietat <a href="/en/CSS" title="en/CSS">CSS</a> {{ cssxref("text-decoration") }} amb el valor <span style="font-family: courier new;">underline</span>.</div>

<h2 id="Context_d'Ùs">Context d'Ùs</h2>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>, contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contingut permès</th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Contingut textual</a>.</td>
  </tr>
  <tr>
   <th scope="row">Omissió de l'etiqueta</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Elements pares permesos</th>
   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contingut textual</a>.</td>
  </tr>
  <tr>
   <th scope="row">Interfície DOM</th>
   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>

<h2 id="Notes_i_Consells"><span class="short_text" id="result_box" lang="ca"><span>Notes</span> <span>i</span> </span> Consells</h2>

<p style="line-height: 21px;"><strong>Consell:</strong> Evitar l'ús de l'element {{ HTMLElement("u") }} que podria ser confós per un enllaç.</p>

<div class="note">
<p><span style="line-height: 21px;"><strong>Nota:</strong> </span>L'especificació HTML 5 recorda als desenvolupadors que hi ha altres elements més apropiats que {{ HTMLElement("u") }}.</p>
</div>

<h2 id="Interfície_DOM">Interfície DOM</h2>

<p>Aquest element implementa la interfície <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code>.</p>

<div class="note"><strong>Nota d'implementació: </strong>fins Gecko 1.9.2 inclos, Firefox implementa la interfície {{ domxref("HTMLSpanElement") }} per aquest element.</div>

<h2 id="Exemple">Exemple</h2>

<div class="note">
<p>Els següents exemples són de l'elements que es poden utilitzar en lloc de {{ HTMLElement("u") }}.</p>
</div>

<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
&lt;!-- Here &lt;span&gt; is used as the underlining is purely decorative and it is applied with CSS --&gt;
</pre>

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

<p><u>Today's Special</u>: 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;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;All&lt;/em&gt; of that is explained in &lt;i&gt;Dive into Python&lt;/i&gt;&lt;/p&gt;
&lt;!-- Here the "All" is marked as stressed, using &lt;em&gt;, while "Dive into Python" is marked as a name using &lt;i&gt; --&gt; </pre>

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

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

<p>A causa de que l'estil per defecte de {{ HTMLElement("em") }} i {{ HTMLElement("i") }} es mostra en cursiva, no obstant això es pot utilitzar CSS per donar estil aquest elements que tinguin un estil de font normal i subratllat.</p>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Els elements {{ HTMLElement("span") }}, {{ HTMLElement("i") }}, {{ HTMLElement("em") }} i {{ HTMLElement("cite") }} <span id="result_box" lang="ca"><span>són</span><span>, segons el cas</span><span>, per a ser</span> <span>utilitzat</span> <span>al seu lloc.</span></span></li>
 <li>La propietat CSS {{ cssxref("text-decoration") }} <span id="result_box" lang="ca"><span>es va a</span> <span>utilitzar</span> <span>per aconseguir el primer</span> <span>aspecte visual</span> <span>de</span></span> l'element {{ HTMLElement("u") }} .</li>
</ul>

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

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