---
title: <sup>
slug: Web/HTML/Element/sup
translation_of: Web/HTML/Element/sup
---
<h2 id="Sumari">Sumari</h2>

<p>L'<em>Element HTML superíndex</em>  (<code>&lt;sup&gt;</code>) defineix un fragment de text que s'ha de mostrar, per raons tipogràfiques, més alt, i sovint més petit, que el tram principal del text.</p>

<div class="note">
<p><strong>Nota d'ùs:</strong></p>

<ul>
 <li>Aquest element s'ha d'utilitzar només per raons tipogràfiques, és a dir,  el canvi de la posició del text canviant el seu significat com en matemàtiques (com <var>f<sup>4</sup></var>, encara que l'ús d'una fórmula <a href="https://developer.mozilla.org/en/MathML">MathML</a> ha de ser considerat) o les abreviatures franceses (com M<sup>lle</sup>, M<sup>me</sup> or C<sup>ie</sup>).</li>
 <li>Aquest element no ha de ser utilitzat amb el propòsit de donar estil, com l'estil del nom del producte de Latex. En aquest cas s'ha d'utilitzar l'estil <a href="/en/CSS" title="en/CSS">CSS</a> de la propietat {{ cssxref("vertical-align") }}, amb el valor <code>super</code> aconseguireu el mateix efecte.</li>
</ul>
</div>

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

<table class="standard-table">
 <tbody>
  <tr>
   <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Categories de contingut</a></td>
   <td>Contingut dinàmic i contingut textual</td>
  </tr>
  <tr>
   <td>Contingut permès</td>
   <td>Contingut textual</td>
  </tr>
  <tr>
   <td>Omissió de l'etiqueta</td>
   <td>Cap, ja que tant l'etiqueta d'inici com la final són obligatories</td>
  </tr>
  <tr>
   <td>Elements pares permesos</td>
   <td><span id="result_box" lang="ca"><span>Qualsevol</span> <span>element que</span> <span>pogui</span> <span>contenir</span> <span>contingut</span> <span>textual</span></span></td>
  </tr>
  <tr>
   <td>Normativa del document</td>
   <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements" rel="external nofollow" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-sub-and-sup-elements">HTML5, secció 4.6.14</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3" title="http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.3">HTML4.01, secció 9.2.3</a>)</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="Interfície_DOM">Interfície DOM</h2>

<p>Aquest element implement la interfície <code><a href="https://developer.mozilla.org/en-US/docs/DOM/element" title="en-US/docs/DOM/element">HTMLElement</a></code>.</p>

<div class="note">
<p><strong>Nota d'implementació</strong> <strong>: </strong> fins Gecko 1.9.2 inclos, Firefox implementa la interfície <a href="/en/DOM/span" title="en/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> per aquest element.</p>
</div>

<h2 id="Exemples">Exemples</h2>

<pre class="brush: html">&lt;p&gt;This text is &lt;sup&gt;superscripted&lt;/sup&gt;&lt;/p&gt;
</pre>

<h4 id="Resultat">Resultat</h4>

<p>This text is <sup>superscripted</sup></p>

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

<ul>
 <li>L'element HTML {{HTMLElement ("sub")}} produeix el subíndex. Recordeu que no podeu utilitzar els dos al mateix temps i és necessari utilitzar <a href="https://developer.mozilla.org/en/MathML">MathML</a> per produir tant un superíndex com un subíndex al costat del símbol químic d'un element, que representa el seu nombre atòmic i el seu nombre nuclear.</li>
 <li>Els elements MathML <a href="/en/MathML/Element/msub" title="en/MathML/Element/msub"><span style="font-family: Courier New;">&lt;msub&gt;</span></a>, <a href="/en/MathML/Element/msup" title="en/MathML/Element/msup"><span style="font-family: Courier New;">&lt;msup&gt;</span></a> i <a href="/en/MathML/Element/msubsup" title="en/MathML/Element/msubsup"><span style="font-family: Courier New;">&lt;msubsup&gt;</span></a>.</li>
</ul>

<p>{{HTMLRef}}</p>